AngularJS와 데이터

Question

전에 지시로드의 내가 $의 HTTP와 $ 범위에 변수를로드하고있어 가정 해 봅시다

app.directive('studentsView', function(){ 
    return { 
    scope: { students: '=' }, 
    controller: function($scope){ 
     _.each($scope.students, function(s){ 
     // this is not called if teacher loads after this directive 
     }); 
    } 
    }; 
}); 

가 어떻게 할 :로드,하지만 내 지시어는로드되는 teacher.students 배열에 따라 코드가 내가 원하는 행동을 해? 나는 $ http를 사용하는 것을 멈추고 싶지 않으며, 가능한 한 범위에 약속을 할 필요가 없다.

Answer 1

시계를 사용하여 students을 사용할 수있을 때까지 기다리십시오. 사용할 수있게되면 코드에 의존하는 코드를 호출 한 다음 시계를 삭제합니다. students 변경 될 때마다 코드를 실행하려면 시계 제거를 건너 뛸 수 있습니다.

app.directive('studentsView', function(){ 
    return { 
    scope: { students: '=' }, 
    controller: function($scope){ 
     scope.$watch('students', function(newValue, oldValue) { 
     _.each($scope.students, function(s){ 
      // this is not called if teacher loads after this directive 
     });  
     }; 
    } 
    }; 
}); 

더 $watch에 :

app.directive('studentsView', function(){ 
    return { 
    scope: { students: '=' }, 
    link: function($scope){ 
     var unwatch = $scope.$watch('students', function(newVal, oldVal){ 
     // or $watchCollection if students is an array 
     if (newVal) { 
      init(); 
      // remove the watcher 
      unwatch(); 
     } 
     }); 

     function init(){ 
     _.each($scope.students, function(s){ 
      // do stuff 
     }); 
     } 
    } 
    }; 
}); 

Answer 2

당신은 아마 다음 시계가 트리거 될 때 당신의 _.each을 실행이 업데이트 될 때 알고 students에 시계 어떤 종류의 일을해야합니다 https://docs.angularjs.org/api/ng/type/$rootScope.Scope