![](/img/trans.png)
[英]$routeProvider - injecting controller dependencies depending on URL
[英]$routeProvider - Injecting same dependency for all routes
如下代码:
$ routeProvider .when(“ / page1”,{控制器:“ MyController”,解析:{策略:“ StrategyOne”}})
在实例化控制器“ MyController”之前,等待解决策略依赖关系。
在我的应用程序中,我有一个返回诺言的函数,当该诺言得到解决时,它会向当前用户提供。 我们将该函数称为Authentication.currentUser()
我希望我的应用程序的所有页面都可以等待该承诺得到解决,然后再呈现页面。 我可以为每个路由声明高兴地添加一行,但是我宁愿避免重复。
我有一个名为“ MainCtrl”的控制器,由于模板中的这一行,所有页面均被调用:
<html ng-app="clientApp" ng-controller="MainCtrl">
我认为解决此问题的一种可能方法是,可以在控制器级别(而不是路由级别,因为此依赖项不依赖于特定路由)将Authentication.currentUser()
指定为“ MainCtrl”的依赖项。
感谢您的帮助!
对于那些想要使用标准$ routeProvider解决这个问题的人,这就是我的想法:
$rootScope.$on('$routeChangeStart', function (event, next, current) {
if (!next.resolve){ next.resolve = {} }
next.resolve.currentUser = function(Authentication){
return Authentication.currentUser();
};
});
如果您可以从默认路由器移动到ui-router
,则可以使用嵌套状态进行操作。 只需从https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#inherited-resolved-dependencies复制示例:
$stateProvider.state('parent', {
resolve:{
resA: function(){
return {'value': 'A'};
}
},
controller: function($scope, resA){
$scope.resA = resA.value;
}
})
.state('parent.child', {
resolve:{
resB: function(resA){
return {'value': resA.value + 'B'};
}
},
controller: function($scope, resA, resB){
$scope.resA2 = resA.value;
$scope.resB = resB.value;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.