지시문에서 $ timeout 만 사용하는 각도 아약

Question

아약스 요청을하는 지시문이 있습니다. 내가 여기 같은 $ 제한 시간 안에 그것을 포장 할 때까지 작동하지 것 :

return { 
     restrict: 'E', 
     scope : { 
      param1: '=', 
      param2: '=' 
     }, 
     templateUrl: "teams/views/myDirective.html", 
     link: function($scope){ 
      $timeout(function(){ 
       $http.get(endPointUrl) 
        .success(function(result){ 
         console.log(result) 
        }) 
        .error(function(err){ 
         console.log(err); 
        }); 
      }, 0); 
     } 
    }; 

을 누군가가 왜 생각을 가지고 있습니까? 답을 미리 감사드립니다.

Answer 1

$http 호출은 단지 약속을 반환합니다. 다음 코드는 도움이됩니다. 이상적으로, 작업과 같은 데이터를 가져 오는 작업은 지시문의 링크 기능 대신 서비스에서 수행해야합니다.

app.service('myService', ['$http', 
    function($http) { 
    this.getData = function() { 
     return $http({ 
     method: 'GET', 
     url: 'http://httpbin.org/get', 
     headers: { 
      'Content-Type': "application/json" 
     } 
     }). 
     success(function(data, status) { 
     return data; 
     }). 
     error(function(data, status) { 
     return "Request Failed"; 
     }); 

    } 
    } 
]); 

app.directive('appDirective', ['myService', 
    function(myService) { 
    return { 
     link: function($scope) { 
     myService.getData().then(function(data) { 
      $scope.name = 'User, Data fetched as: ' + JSON.stringify(data); 
     }) 
     } 

    } 
    } 
]) 

작업 예 : 뭔가를 누락하지 않는 한 http://plnkr.co/edit/stdJxAnHINORI06pPZJX?p=preview