Question

我有一个抽象的父视图，它意味着在我有一个主控制器是我的app的主体之前与它的嵌套视图共享一个控制器

.state('main', {
    abstract: true,
    url: '/',
    templateUrl: 'app/templates/main.html',
    controller: 'mainController'
})

.state('main.edit', {
    abstract: true,
    url: '/edit',
    templateUrl: 'app/templates/edit.html',
    controller: 'editController'
})
.state('main.edit.details', {
    url: '/details',
    templateUrl: 'app/templates/editDetailsView.html',
    controller: 'editDetailsController'
})
.state('main.edit.info', {
    url: '/info',
    templateUrl: 'app/templates/editInfoView.html',
    controller: 'editInfoController'
})

路由按预期工作，在设置de控制器之前，我有模块的父控制器，它将是编辑控制器和每个视图的每个控制器

错误：

"Error: [ng:areq] Argument 'editController' is not a function, got undefined
http://errors.angularjs.org/1.5.7/ng/areq?p0=editController&p1=not%20aNaNunction%2C%20got%20undefined
minErr/<@http://localhost:3000/js/libs.min.js:5:4923
assertArg@http://localhost:3000/js/libs.min.js:5:19120
assertArgFn@http://localhost:3000/js/libs.min.js:5:19322
$ControllerProvider/this.$get</<@http://localhost:3000/js/libs.min.js:7:31336
z/<.compile/<@http://localhost:3000/js/libs.min.js:15:2556
bind/<@http://localhost:3000/js/libs.min.js:5:12865
invokeLinkFn@http://localhost:3000/js/libs.min.js:7:22121
nodeLinkFn@http://localhost:3000/js/libs.min.js:7:4193
compositeLinkFn@http://localhost:3000/js/libs.min.js:6:26125
compile/<@http://localhost:3000/js/libs.min.js:6:24834
compilationGenerator/<@http://localhost:3000/js/libs.min.js:6:31172
l@http://localhost:3000/js/libs.min.js:15:1755
y/l.compile/<@http://localhost:3000/js/libs.min.js:15:2183
bind/<@http://localhost:3000/js/libs.min.js:5:12865
invokeLinkFn@http://localhost:3000/js/libs.min.js:7:22121
nodeLinkFn@http://localhost:3000/js/libs.min.js:7:4193
compositeLinkFn@http://localhost:3000/js/libs.min.js:6:26125
compile/<@http://localhost:3000/js/libs.min.js:6:24834
z/<.compile/<@http://localhost:3000/js/libs.min.js:15:2764
bind/<@http://localhost:3000/js/libs.min.js:5:12865
invokeLinkFn@http://localhost:3000/js/libs.min.js:7:22121
nodeLinkFn@http://localhost:3000/js/libs.min.js:7:4193
compositeLinkFn@http://localhost:3000/js/libs.min.js:6:26125
compile/<@http://localhost:3000/js/libs.min.js:6:24834
compilationGenerator/<@http://localhost:3000/js/libs.min.js:6:31172
l@http://localhost:3000/js/libs.min.js:15:1755
y/l.compile/</<@http://localhost:3000/js/libs.min.js:15:2175
$RootScopeProvider/this.$get</Scope.prototype.$broadcast@http://localhost:3000/js/libs.min.js:9:24515
v/y.transitionTo/y.transition<@http://localhost:3000/js/libs.min.js:14:29498
processQueue@http://localhost:3000/js/libs.min.js:9:8733
scheduleProcessQueue/<@http://localhost:3000/js/libs.min.js:9:9000
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:3000/js/libs.min.js:9:22223
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:3000/js/libs.min.js:9:19908
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:3000/js/libs.min.js:9:22650
done@http://localhost:3000/js/libs.min.js:8:7950
completeRequest@http://localhost:3000/js/libs.min.js:8:11757
createHttpBackend/</xhr.onload@http://localhost:3000/js/libs.min.js:8:12689
"

如果我擦除editController，它运行良好，但如果我需要我的视图的共享控制器，我可以做什么，如果我像这样设置父控制器，它可以工作

.state('main.edit', {
        abstract: true,
        url: '/edit',
        templateUrl: 'app/templates/edit.html',
        controller: function($scope){
          console.log('edit parent controller');
        }

不是这个想法。

Answer 1

我花了24小时试图找到这个。我准备发一个问题/添加到你的，但我终于找到了我的问题。在我的情况下，在重构为推荐的格式（模块定义，控制器定义，服务定义等单独的文件）之后，我在一些控制器定义文件中留下了[]在几个文件中：

(function () {
'use strict';

angular
    .module('app.landing', [])
    .controller('LandingController', LandingController);

那是覆盖已经创建的app.landing模块。在查看和清理使用这些模块引用的所有模块定义和组件定义之后，现在一切正常。呼。

(function () {
'use strict';

angular
    .module('app.landing')
    .controller('LandingController', LandingController);

有趣的是，我已经阅读了这个问题的S / O答案，即Error: [ng:areq] from angular controller，但我无法在2个文件中找到那些疯狂的括号。这让我质疑角度团队认可的最佳实践，好像我把它全部放在一个文件中，这不是问题。当我有50个文件要查看并且我一直盯着屏幕几个小时，这是非常具有挑战性的。我希望检查多个模块定义。

ui router - 共享控制器无法正常工作的嵌套视图

1 个答案: