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

阿拜派

我最近一直在使用命名控制器,它的方式比使用传统的$ 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 Router一起使用,因此它完全避免了angular.controller诸如此类的构造。谁能在Plain Vanilla Angular或RequireJS的帮助下为我提供解决方案?

比昂·索伦森

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

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

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

这是一个完整的例子

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Hive中访问HBase表,反之亦然?

来自分类Dev

如何在AngularJS的父控制器或范围中访问FormController

来自分类Dev

如何在Windows中查看在Linux中创建的文件,反之亦然?

来自分类Dev

如何在父控制器中访问指令的对象?

来自分类Dev

如何在父控制器中访问指令的对象?

来自分类Dev

如何在Python中实现反之亦然的映射?

来自分类Dev

如何在Angular的父控制器中访问子控制器作用域?

来自分类Dev

如何在指令中访问子控制器和父控制器?

来自分类Dev

如何在Angular JS的子控制器中访问父控制器数据

来自分类Dev

如何在指令中访问子控制器和父控制器?

来自分类Dev

Node Express - multer 导致控制器调用失败,反之亦然

来自分类Dev

EmberJS:在父级中访问子控制器功能

来自分类Dev

如何在AngularJS控制器中引用/要求父控制器?

来自分类Dev

如何在AngularJS的Router UI控制器中访问主控制器变量?

来自分类Dev

使用“作为控制器”语法时,如何在子控制器中引用父级的作用域?

来自分类Dev

如何在JavaScript中访问控制器变量

来自分类Dev

如何在MASM格式的汇编文件中强制使用GNU汇编程序指令,反之亦然

来自分类Dev

如何在多个文件中定义控制器-AngularJs

来自分类Dev

从浏览器访问Unity Webgl输出,反之亦然

来自分类Dev

在AngularJS中递归访问父指令的控制器

来自分类Dev

在动态生成的AngularJS指令中访问父控制器

来自分类Dev

如何在循环内访问父控制器数据

来自分类Dev

如果选择了父级,则选择子级单选按钮,反之亦然

来自分类Dev

如何在Java中转换Excel文件格式XLS和XLSX反之亦然

来自分类Dev

如何在while循环中执行if语句,反之亦然

来自分类Dev

如何在DAML中对文本输入方,反之亦然?

来自分类Dev

如何在R中查找2个数据帧的公共行(反之亦然)

来自分类Dev

如何在Android中从屏幕顶部到屏幕的300dp设置动画,反之亦然?

来自分类Dev

在Fortran中按名称获取文件单元,反之亦然

Related 相关文章

  1. 1

    如何在Hive中访问HBase表,反之亦然?

  2. 2

    如何在AngularJS的父控制器或范围中访问FormController

  3. 3

    如何在Windows中查看在Linux中创建的文件,反之亦然?

  4. 4

    如何在父控制器中访问指令的对象?

  5. 5

    如何在父控制器中访问指令的对象?

  6. 6

    如何在Python中实现反之亦然的映射?

  7. 7

    如何在Angular的父控制器中访问子控制器作用域?

  8. 8

    如何在指令中访问子控制器和父控制器?

  9. 9

    如何在Angular JS的子控制器中访问父控制器数据

  10. 10

    如何在指令中访问子控制器和父控制器?

  11. 11

    Node Express - multer 导致控制器调用失败,反之亦然

  12. 12

    EmberJS:在父级中访问子控制器功能

  13. 13

    如何在AngularJS控制器中引用/要求父控制器?

  14. 14

    如何在AngularJS的Router UI控制器中访问主控制器变量?

  15. 15

    使用“作为控制器”语法时,如何在子控制器中引用父级的作用域?

  16. 16

    如何在JavaScript中访问控制器变量

  17. 17

    如何在MASM格式的汇编文件中强制使用GNU汇编程序指令,反之亦然

  18. 18

    如何在多个文件中定义控制器-AngularJs

  19. 19

    从浏览器访问Unity Webgl输出,反之亦然

  20. 20

    在AngularJS中递归访问父指令的控制器

  21. 21

    在动态生成的AngularJS指令中访问父控制器

  22. 22

    如何在循环内访问父控制器数据

  23. 23

    如果选择了父级,则选择子级单选按钮,反之亦然

  24. 24

    如何在Java中转换Excel文件格式XLS和XLSX反之亦然

  25. 25

    如何在while循环中执行if语句,反之亦然

  26. 26

    如何在DAML中对文本输入方,反之亦然?

  27. 27

    如何在R中查找2个数据帧的公共行(反之亦然)

  28. 28

    如何在Android中从屏幕顶部到屏幕的300dp设置动画,反之亦然?

  29. 29

    在Fortran中按名称获取文件单元,反之亦然

热门标签

归档