路由控制器解析混合起来

Question

我解决了2个问题，每个控制器都有一个问题。

http://jsfiddle.net/pvivera/RhAHy/

var app = angular.module('testApp', [], function($routeProvider){ 
    $routeProvider.when('/', { 
     template: 'Home {{model}}', 
     controller: 'HomeCtrl', 
     resolve: HomeCtrl.resolve 
    }) 
    .when('/About', { 
     template: 'About {{model}}', 
     controller: 'AboutCtrl', 
     resolve: AboutCtrl.resolve 
    }); 
}); 

var HomeCtrl = app.controller('HomeCtrl', function($scope, HomeCtrlData){ 
    $scope.model = HomeCtrlData; 
}); 

HomeCtrl.resolve = { 
    HomeCtrlData: function($q, $timeout){ 
     var deferred = $q.defer(); 
     $timeout(function(){ 
      return deferred.resolve('AboutCtrlResolver'); 
     }, 2000); 
     return deferred.promise; 
    } 
}; 

var AboutCtrl = app.controller('AboutCtrl', function($scope, AboutCtrlData){ 
    $scope.model = AboutCtrlData; 
}); 

AboutCtrl.resolve = { 
    AboutCtrlData: function($q, $timeout){ 
     var deferred = $q.defer(); 
     $timeout(function(){ 
      return deferred.resolve('AboutCtrlResolver'); 
     }, 2000); 
     return deferred.promise; 
    } 
}; 

在jsfiddler脚本，当HomeCtrl要解决HomeCtrlData我收到此错误未知的提供：HomeCtrlDataProvider < - HomeCtrlData

如果我改变HomeCtrlData到AboutCtrlData在HomeCtrl一切正常，似乎分配的唯一解决方案是AboutCtrl.resolve

任何想法？

Answer 1

这里的问题是，app.controller()不返回控制器，它返回您的应用程序模块。所以你两次分配app.resolve，这就是为什么它不适用于其中之一。

我建议你内联函数决心像这样来代替：

var app = angular.module('testApp', [], function($routeProvider){ 
    $routeProvider.when('/', { 
     template: 'Home {{model}}', 
     controller: 'HomeCtrl', 
     resolve: { 
      HomeCtrlData: function($q, $timeout) { 
       var deferred = $q.defer(); 
       $timeout(function(){ 
        return deferred.resolve('HomeCtrlData'); 
       }, 2000); 
       return deferred.promise; 
      } 
     } 
    }) 
    .when('/About', { 
     template: 'About {{model}}', 
     controller: 'AboutCtrl', 
     resolve: { 
      AboutCtrlData: function($q, $timeout) { 
       var deferred = $q.defer(); 
       $timeout(function(){ 
        return deferred.resolve('AboutCtrlData'); 
       }, 2000); 
       return deferred.promise; 
      } 
     } 
    }); 
});