子控制器在angularjs中的父控制器api调用之前加载

时间:2017-12-19 13:40:30

标签: angularjs angular-ui-router restangular angular-ui-router-extras

我使用角度1.6,我有一个父状态和子状态与他们各自的控制器。在我的第一个登录页面中,将有两个链接呼叫父状态&孩子的状态。当我被称为父州时,它工作正常。但是从登录页面调用子状态,控制台中会出现一些错误,例如'id'undefined 。我在父控制器中发出一个Restangular api请求。在这个响应后,我需要加载子控制器?但是当我直接调用子状态时,子控制器在父控制器api调用完成之前加载。如何解决这个问题?

看看这个傻瓜。

https://embed.plnkr.co/aUnHIzuFV7GpiDuKyrwZ/

1 个答案:

答案 0 :(得分:0)

在父控制器中保存API调用中的promise:

$scope.restPromise = Restangular.one('collections')
.get()
.then(function(data){ 
  $state.go("parentstate.childstate");
  $scope.myData = data;
  $scope.params={
  name:"my_name",
  type:"generic",
  data:data
  };     
});

在子控制器中,使用promise等待API调用:

function ChildCtrl($scope) {
  $scope.restPromise.then(function() {
    console.log($scope.params);
    $scope.params.id=5;
    $scope.title = 'Child State';
  });
}

DEMO on PLNKR