angularjs controller之间的通信

最新推荐文章于 2020-04-21 13:02:39 发布

AsManAsCoder

最新推荐文章于 2020-04-21 13:02:39 发布

阅读量3.2k

点赞数

文章标签： web开发 angularjs 通信继承对象

本文链接：https://blog.csdn.net/u010760462/article/details/44176573

版权

在AngularJS中，使用$rootScope进行控制器间通信会导致全局污染问题。随着项目规模扩大，这个问题会愈发严重。为了解决这个问题，文章探讨了AngularJS的作用域继承机制，指出控制器可以通过作用域的原型链访问父级作用域，以此实现通信，从而避免对$rootScope的过度依赖。

摘要由CSDN通过智能技术生成

接触了angularjs有一段时间了，最近遇到一个问题，需要在controller之间进行通信，当初想了一下，并不是很难，angularjs不是有个rootscope吗，

于是我就在其中一个controller里面写了一个function，然后赋值给rootscope，然后在另一个controller里面进行直接调用rootscope的这个方法，

虽然可以实现基本的功能，但是有一个很严重的问题，那就是全局污染，写一个小的东西用rootscope当然是不会有多重的全局污染的，但是，一旦系统稍微大一点，那么全局污染的就会非常严重。

然后我抛弃了这种用rootscope的方式，查看了一些angularjs的书籍，网上查阅了一下。得出这样的结论

1.作用域的继承关系

因为作用域都是通过原型继承而来的，也就是说他们都可以访问父级作用域。了解js原型机制的应该都知道，在当前作用域中查找某个属性，找不到然后去他的原型找，也就是说在他的父级中查找，angularjs一样在当前scope中找不到便会在父级的scope中找，找不到最后在rootscope中找。

举个例子：

app.controller('parentCtrl',function($scope){
$scope.person={greeted:false};
});

app.controller('childCtrl',function($scope){
$scope.sayHello=fu

关注