angularjs Controller之间的通信

来源:互联网 发布:免费办公用品软件系统 编辑:程序博客网 时间:2024/05/21 05:06

1.根据业务逻辑和表现逻辑,把一个页面分为若干模块,每个模块归一个控制器管,但是不同模块之间有交互,也就是说控制器之间有数据交互,小结了几种实现方法,水平有限,望大虾指正。


1.通过控制器的嵌套实现父级控制器向子级控制器传递数据,就像js函数一样,函数里面可以读取到外面的数据,但是外面的读取不到里面的数据,angular当然会有办法解决,方法二

2.可以通过$emit()来向父级传递数据,通过$broadcast()来向子级传递数据,(不用这个方法,在子级控制器也可以访问到父级作用域的变量)。不管是$emit()还是$broadcast()方法,都需要$on()方法来接收数据;

例如:在子控制器中向父级控制器传递数据:

$scope.$emit('to-parent','要传递的数据')

在父级控制器接收

$scope.$on('to-parent',data);//第一个参数是对应传递数据时候的第一个参数,第二个就是传递过来的数据,$broadcast()方法应用也是一样


3.通过把数据放在$rootScope对象上,类似于window对象,相当于创建全局变量,简单的项目还可以将就用一下,复杂的就容易产生混乱了,(方便快捷但是不利于维护以及修改,污染全局命名空间)


4.通过定义一个service,然后在不同控制器注入这个服务,在控制器修改注入后的service会直接映射到其他的控制器,这个也是最常用的共享数据的方法。(由于在所有控制器修改的是同一个对象,所以如果修改的数据不需要同步到其他控制器,注意copy对象后再对copy得到的对象进行修改,这样就不会影响service的对象了)

1 0
原创粉丝点击