Question

我最近一直在使用命名控制器，而且比使用传统的$ 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.controller('childCtrl',function(...) {
    var vm = this;
    this.age = 24;
    console.log(parent.age);
});

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

Answer 1

我的转到解决方案是使用$ 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布局并移动子ctrl，则应用程序可能会中断。通过使用服务，控制器独立于DOM布局。

AngularJS：如何在Javascript文件中访问Parent的命名控制器，反之亦然？

1 个答案: