angular.js - angularjs 路由中resolve在controller中註入失敗
高洛峰
高洛峰 2017-05-15 17:02:13
0
1
716

因為發現resolve不只是loaded時觸發,在回傳時也會觸發,但是回傳時controller取得到的沒有更新。
這個例子裡也是將resolve得到的東西放在service裡去取的,本來想試著改成註入方式獲取看看是不是也一樣的情況,如果還是不行的話打算也放在service里或者resolve的數據只在loaded時使用。
所以想找個例子測試一下,但是老是注入失敗。

這裡是沒注入test的 注入即報錯
http://jsfiddle.net/abelmakihara/x99b2o2p/3/

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆 (1)
小葫芦

原來如此,我仔細看了下,你對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: '

{{test}}

' }) .when('/page', { action: 'page', resolve: { 'test': ['rulesFactory', function(rulesFactory) { return rulesFactory(); }] }, controller: 'BController', template: '

{{test}}

' })
//然后,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; } ]);
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!