Angular ui-router：如何加载子控制器而不是父控制器？

Question

我的 Angular 应用中有以下嵌套路由：

.state('mapping', {
    url: '/mapping',
    templateUrl: 'app/components/mapping/mapping.html',
    controller: 'MapCtrl as map',
    abstract: true,
    authenticate: true
})
.state('mapping.all', {
    url: '',
    templateUrl: 'app/components/mapping/partials/all.html',
    authenticate: true
})
.state('mapping.project', {
    url: '/:projectName',
    controller: 'ProjectCtrl as proj',
    templateUrl: 'app/components/mapping/partials/project.html',
    authenticate: true
})

访问'mapping.project' 时，ProjectCtrl 永远不会被加载。相反，MapCtrl 被加载，就好像我仍处于父状态一样。

如何使用特定于该子状态的另一个控制器覆盖父控制器？

我希望每次访问该特定子状态时都加载此控制器，如果每个子状态都有一个父控制器，则不会发生这种情况。

Answer 1

任何controller 都与view 相关（与state 无关）。这意味着，如果：

...访问 mapping.project 时，ProjectCtrl 永远不会被加载...

该视图未加载。这主要意味着 parent view (app/components/mapping/mapping.html) 不包含目标：

<div ui-view=""></div>

所以，如果我们在父模板中放置一个目标(ui-view="")，子状态会将其视图注入该位置。但这不会取代父控制器。会的

• 访问父（或直接子）时调用父ctrl
• 如果从父级访问子级，父级ctrl 不会重新初始化，但子级ctrl 将被初始化

查看这些以获取更多详细信息：

• Angular UI Router - Nested States with multiple layouts
• Nested states or views for layout with leftbar in ui-router?
• How to disable data inheritance of angular ui router states