angularjs Controller之间的通信

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的对象了)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值