angularjs，等待认定结果之前，转到下一个控制器

Question

你好，我有简单的login服务看起来像：

this.notifyAuthorization = function() { 
    console.log('notifyAuthorization()'); 

    $http({ 
     url: 'app/?cmd=authorization/', 

    }).then(function (response) { console.log('LoginStatusResult: '); console.log(response.data); 
     var data = response.data; 

     if(data.hash !== undefined) { 
      $rootScope.loginStatus= true; 
      hash = data.hash; 
     } 
    }); 
}; 

这里是呼吁服务

app.run(function($rootScope, $location, LoginService) { 
    LoginService.notifyAuthorization(); 
    console.log('notifyAuthorization Finished'); 
}); 

看到LoginStatusResult我看到之前notifyAuthorization Finished 和其他控制器初始化，应该知道LoginStatus所以如何解决这个问题？还是有更好的做法？ 感谢

Answer 1

使用promises，其默认给你的$ HTTP功能：

this.notifyAuthorization = function() { 

    return http({ //notice the return inserted here 
     url: 'app/?cmd=authorization/', 

    }).then(function (response) { console.log('LoginStatusResult: '); console.log(response.data); 
     var data = response.data; 

     if(data.hash !== undefined) { 
      $rootScope.loginState = true; 
      hash = data.hash; 
     } 
    }); 
}; 

，并在您app.run正确地使用它：

app.run(function($rootScope, $location, LoginService) {  
    LoginService.notifyAuthorization().then(function(){ 
     $rootScope.authorized = true;; //executed after your $http request... 
    }); 
}); 

，并在您的html代码：

<div ng-controller="myController" ng-if="$root.authorized"> 
    <!-- your inner code.. 

     <p>Pellentesque habitant morbi tristique senectus et netus et     
     malesuada fames ac turpis egestas. Vestibulum tortor quam, 
     feugiat vitae, ultricies eget, tempor sit amet, ante. </p>    
    --> 
</div> 

这样，你的控制器将instantiat只有在.then函数解决后才能编辑