angular.js - angularjs 路由中resolve在controller中註入失敗

Question

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

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

Answer 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: '<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;
  }
]);