我有一个AngularJS控制器,它从服务加载数据(执行异步$http请求).
在子控制器中,我需要等待这个数据加载,然后我才能再做一个$http请求来加载一些更详细的信息.
我尝试在子控制器中执行此操作：
$scope.$parent.watch('dataLoaded',function(dataLoaded) {
if (dataLoaded) {
// call the service doing the subsequent $http request with data from parent controller
}
};
当我这样做时,它在子控制器中工作,但它似乎是’dataLoaded’变量(一旦在父控制器中加载数据,从false变为true)从未在父控制器中将其值实际更改为true.
我究竟做错了什么 ？我应该采用完全不同的方法吗？
解决方法
这里的要点是 – 我们需要一个被观察的参考(名称中的一个点).例如.型号：{}
所以,在父状态/视图中我们会声明它
$scope.Model = {
dataLoaded: false,};
并且子视图可以$监视模型属性更改(但不在父级上,仅在当前范围内)
$scope.$watch('Model.dataLoaded',function(dataLoaded) {
if (dataLoaded) {
...
}
};
在这里查看更多详情：
How do I share $scope data between states in angularjs ui-router?
