我有一个ui-router StateProvider，需要根据外部数据在控制器和视图之间进行选择，因此我使用了TemplateProvider和ControllerProvider。
如果我只有TemplateProvider，那么一切正常，但是当我添加ControllerProvider时，会出现此错误：
Error: [ng:areq] Argument 'fn' is not a function, got Object
http://errors.angularjs.org/1.3.1/ng/areq?p0=fn&p1=not%20aNaNunction%2C%20got%Object
at REGEX_STRING_REGEXP (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:80:12)
at assertArg (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:1577:11)
at assertArgFn (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:1587:3)
at annotate (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:3417:5)
at invoke (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:4096:21)
at Object.instantiate (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:4129:23)
at http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:8320:28
at compile (http://localhost:48510/Scripts/Vendor/AngularUIRouter/angular-ui-router.js:3897:28)
at invokeLinkFn (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:8081:9)
at nodeLinkFn (http://localhost:48510/Scripts/Vendor/Angular/1-angular.js:7593:11)
可能看起来像某些
undefined serviceName（它说有对象，但看起来像是undefined，但我不太擅长调试AngularJs）这是我的代码：
.state('abstractParent.childState', {
url: '/childState',
controllerProvider: ['myService', function (myService) {
return myService
.isSpecificMember()
.then(function (result) { //this returns a promise of a bool.
if (result.data) {
return 'SpecificController';
} else {
return 'GeneralController';
}
})
}],
templateProvider: ['myService', '$templateFactory',
function (myService, $templateFactory) {
return myService.isSpecificMember().then(function(result) {
if(result.data)
{
return $templateFactory.fromUrl('SpecificView');
} else {
return $templateFactory.fromUrl('GenericView');
}
})
}],
resolve: {
thing: ['thingService', function (thingService) {
//this is only used in one of the controllers.
return thingService.getThing();
}]
}})
编辑
基于RadimKöhlers答案的更改
.state('abstractParent.childState', {
url: '/childState',
resolve: {
controllerName: ['myService', function (myService) {
return myService.isSpecificMember().then(function (result) { //this returns a promise of a bool.
if (result.data) {
return 'SpecificController';
} else {
return 'GeneralController';
}
})
}],
thing: ['thingService', function (thingService) { //this is only used in one of the controllers.
return thingService.getThing();
}]
},
controllerProvider: ['controllerName', function (controllerName) {
return controllerName;
}],
templateProvider: ['myService', '$templateFactory', function (myService, $templateFactory) {
return myService.isSpecificMember().then(function(result) {
if(result.data)
{
return $templateFactory.fromUrl('SpecificView');
} else {
return $templateFactory.fromUrl('GenericView');
}
})
}]
})
新错误：
Error: [$injector:unpr] Unknown provider: controllerNameProvider <- controllerName
http://errors.angularjs.org/1.3.1/$injector/unpr?p0=controllerNameProvider%20%3C-%20controllerName
at REGEX_STRING_REGEXP (1-angular.js:80)
at 1-angular.js:3930
at Object.getService [as get] (1-angular.js:4077)
at 1-angular.js:3935
at getService (1-angular.js:4077)
at Object.invoke (1-angular.js:4109)
at angular-ui-router.js:3465
at processQueue (1-angular.js:12901)
at 1-angular.js:12917
at Scope.$get.Scope.$eval (1-angular.js:14110)
解
至少需要
0.2.14版本angular-ui-router.js 最佳答案
关键是，controllerProvider仅必须返回表示controller或string（其名称）的对象
http://angular-ui.github.io/ui-router/site/#/api/ui.router.state。$ stateProvider
stateConfig.controllerProvider（可选）功能
返回实际控制器或字符串的可注入提供程序函数。
因此，我们无法兑现承诺...
但是有一个解决方案：
有a working example
我们可以使用内置功能解析-进行异步处理，并通过使用controllerProvider使其成为英雄-通过使用它：
resolve: {
controllerName: ['$stateParams', '$timeout','$q',
function ($stateParams, $timeout, $q)
{
var deferred = $q.defer();
$timeout(function(){
deferred.resolve('MyLazyRevealedCtrl');
},250);
return deferred.promise;
}],
},
controllerProvider:['controllerName', function (controllerName)
{
return controllerName;
}],
我们看到的是仅带有计时器的简化示例（扮演异步
.then()的角色）。等待一会儿，然后返回解析的控制器名称。然后
controllerProvider（一旦解决所有问题）就将结果取回，并以字符串形式返回。检查here