angularjs – 当使用“controller As”和IIFE时,如何从子控制器访问父作用域?

前端之家收集整理的这篇文章主要介绍了angularjs – 当使用“controller As”和IIFE时,如何从子控制器访问父作用域?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 “controller as” syntax,我将每个控制器放在一个包含在 IIFE中的单独文件中,如John Papa的 AngularJS Style Guide中所推荐的那样.

有没有办法从子控制器访问父控制器范围内声明的属性

我可以通过执行{{parent.variableOfParent}}在视图中访问它们,但是不知道如何从子控制器的JS中执行此操作.

Plnkr

附:为样式指南创建标记可能会很好,因为有很多关于它的问题.

你本质上是在谈论在控制器之间共享数据.那么根据我[以及其他人也是如此;)],最好的方法是使用服务..
  1. Create a service.

  2. Inject the service in both your controllers and save the service reference in the scope of the controllers.

  3. You can now access the data in both view and controllers.

yourApp.service("sharedService",function() {
    this.data = "123";
})

yourApp.controller("parentController",function(sharedService) {
    $scope.sharedService = sharedService;
});

yourApp.controller("childController",function(sharedService) {
    $scope.sharedService = sharedService;
});

现在,您希望在两个控制器之间“共享”的任何内容都可以放在服务中.

此外,在html中,您可以使用相同的服务引用来访问数据:

例如

<div ng-app='app' ng-controller='ParentCtrl as parent'>

      <div ng-controller='ChildCtrl as child'>
        {{parent.sharedService.data}}<br> <!-- both will print the same value -->
        {{child.sharedService.data}}<br> <!-- both will print the same value -->
      </div>
    </div>
原文链接:https://www.f2er.com/angularjs/140382.html

猜你在找的Angularjs相关文章