假设我正在使用$http将变量加载到$scope中：
$http.get('/teachers/4').success(function(data){
$scope.teacher = data;
});
我的模板使用这些数据：
Teacher: {{teacher.name}}
<students-view students="teacher.students"></students-view>
该指令可以加载BEFORE老师完成加载,但我的指令的代码取决于正在加载的teacher.students数组：
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
});
}
};
});
我如何得到我想要的行为？我不想停止使用$http,如果可能的话,我不想为范围分配承诺.
使用手表等待学生可用.一旦可用,您可以调用依赖它的代码,然后移除手表.如果您希望每次学生更改时执行代码,您都可以跳过删除手表.
app.directive('studentsView',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
});
}
}
};
});
