Angularjs ui-路由器控制器访问解析 属性,未知提供商

Angularjs ui-router controller access resolve property, unknown provider

笨蛋 link 在这里: http://plnkr.co/edit/uquwtuPcwZMPFJPBKBBY?p=preview

简而言之,有趣的部分:

myApp.config(['$stateProvider', '$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('root');
$stateProvider.state('root', {
  url: '',
  template: '<div>Hello {{greetMe}}</div>',
  resovle: {
    person: function() {
      return {
        value: 'simple!'
      };
    },
  },
  controller: ['$scope', 'person',
    function($scope, person) {
      $scope.greetMe = 'World';
    }
  ]
});
}]);

如果我从控制器中删除 'person' 依赖项,一切正常。但是这样就没有必要使用 resolve 了。有关如何解决此问题以访问 'person'?

的任何指示

您拼写 'resolve' 错误:

resovle: {

应该是:

resolve: {

更正的插件:

http://plnkr.co/edit/gTOSMQyGDnPooD3F5aO9?p=preview