angular.js - angularjs 路由中resolve在controller中注入失败
本文介绍了angular.js - angularjs 路由中resolve在controller中注入失败的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
因为发现resolve不仅仅是loaded时触发,在返回时也会触发,但是返回时controller获取到的没有更新。
这个例子里也是将resolve得到的东西放在service里去取的,本来想试着改成注入方式获取看看是不是也一样的情况,如果还是不行的话打算也放在service里或者resolve的数据只在loaded时使用。
所以想找个例子测试一下,但是老是注入失败。
这里是没注入test的 注入即报错
http://jsfiddle.net/abelmakihara/x99b2o2p/3/
解决方案
原来如此,我仔细看了下,你对ngRoute
的理解有问题,我改了下,你再看看:jsFiddle
主要区别在:
app.factory('rulesFactory', ['$q', '$timeout',
function($q, $timeout) {
return function() {
return $q(function(resolve){
$timeout(function() {
//这里如果期待返回值,就要用$q封装,并resolve
resolve('Change time in seconds:' + new Date().getTime() / 1000);
}, 1000)
});
};
}
]);
$routeProvider
.when('/', {
action: 'index',
resolve: {
//这里的resolve真对的是该路由自己的controller
'test': ['rulesFactory', function(rulesFactory) {
return rulesFactory();
}]
},
//所以一定要定义一个自己的AController
controller: 'AController',
template: '<h3>{{test}}</h3>'
})
.when('/page', {
action: 'page',
resolve: {
'test': ['rulesFactory', function(rulesFactory) {
return rulesFactory();
}]
},
controller: 'BController',
template: '<h3>{{test}}</h3>'
})
//然后,AController,BController就可以注入test了,并且test的值就是上面resolve的那堆字符串
app.controller('AController', ['$scope', 'test',
function($scope, test) {
$scope.test = test;
}
]);
app.controller('BController', ['$scope', 'test',
function($scope, test) {
$scope.test = test;
}
]);
这篇关于angular.js - angularjs 路由中resolve在controller中注入失败的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文