angularjs – 等待父控制器的$scope变量被定义

发布时间：2020-12-17 06:48:02 所属栏目：安全来源：网络整理

导读：我有一个AngularJS控制器,它从服务加载数据(执行异步$http请求). 在子控制器中,我需要等待这个数据加载,然后我才能再做一个$http请求来加载一些更详细的信息. 我尝试在子控制器中执行此操作： $scope.$parent.watch('dataLoaded',function(dataLoaded) { if

我有一个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?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!