使用 ui.router 如何使一个控制器成为另一个控制器的子级？

Question

在 html 中，您可以通过在嵌套的 html 代码中编写一个控制器来使其成为另一个控制器的子级：

<div ng-controller="parentCtrl">
  <div ng-controller="childCtrl">

但是使用ui.router，您只能指定一个状态为另一个状态的子状态，如何使控制器也继承自父状态的控制器？例如：

$stateProvider
    .state('parent', {
        url: '/',
        views: {
            'content': {
                templateUrl : 'static/templates/parent.html',
                controller  : 'ParentController'
            },

        }
    })
    .state('parent.child', {
        url: '/child',
        views: {
            'content@': {
                templateUrl : 'static/templates/child.html',
                controller  : 'ChildController'
            },
        }
    })

在这种情况下ChildController 是否自动继承自ParentController？如果不是，我该如何实现？

Answer 1

来自ui-routerdocumentation：

仅限视图层次结构的范围继承

请记住，范围属性仅沿状态链继承 如果您的状态的视图是嵌套的。范围的继承 属性与您的状态的嵌套无关，并且 与您的视图（模板）的嵌套有关的一切。

所以，答案 - 这取决于。这取决于您如何在状态链中配置/指定视图。

希望它会有所帮助。