AngularJS:如何访问 Javascript 文件中父级的命名控制器,反之亦然?

AngularJS : How to access Parent's Named Controller inside Javascript files and vice versa?

我最近一直在使用命名控制器,它比使用传统的 $scope 变量更好。在 DOM 内部,访问父控制器的属性和功能变得非常容易。下面给出一个例子。

<div ng-controller="parentCtrl as parent">
    <div ng-controller="childCtrl as child">
        Parent age is {{ parent.age }}
        Child age is {{ child.age }}
    </div>
</div>

我想知道如何在 javascript 文件中为 angular 使用同名控制器。有点像下面提到的。

angular.controller('childCtrl',function(...) {
    var vm = this;
    this.age = 24;
    console.log(parent.age);
});

我知道在使用之前必须先注入parent。在我的项目中,我将 RequireJS 与 UI 路由器一起使用,因此它完全避免了 angular.controller 和其他此类构造。任何人都可以在 Plain vanilla Angular 或 RequireJS 的帮助下给我一个解决方案吗?

我的 goto 解决方案是使用 $scope 变量访问父范围。

app.controller('MainCtrl', function() {
  this.name = 'from parent';
});

app.controller('ChildCtrl', function($scope) {
  this.name = $scope.parent.name;
});

Here is a plunker with the full example

在控制器之间共享数据时使用更好的设计Angular services是更好的解决方案。 如果您更改 DOM 布局并移动子控件,则应用可能会中断。通过使用服务,控制器独立于 DOM 布局。