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的对象了)
- angularjs controller之间的通信
- angularjs Controller之间的通信
- angularjs Controller之间的通信
- AngularJS controller之间的通信机制
- AngularJS控制器controller之间通信
- angularJS的controller之间如何正确的通信
- angularJS的controller之间如何正确的通信
- 【转】angularJS的兄弟controller之间如何正确的通信
- angularJS控制器controller之间的3种通信方式
- AngularJS学习之Controller控制器之间的通信
- Angularjs Controller 间通信方式、vue组件之间通信
- Controller之间的通信方式
- AngularJS进阶(九)控制器controller之间如何通信
- 关于AngularJS controller之间的数据通信
- AngularJS控制器之间的通信
- 关于angular controller之间的通信
- angular中controller之间的通信
- AngularJS控制器controller如何通信?
- HTTP错误代码大全
- opencv
- docker 文件位置[备忘]
- 跟着开涛学springmvc
- POJ 1442 (treap)
- angularjs Controller之间的通信
- 格式化Namenode提示Call From n1/192.168.253.130 to s1:8485 failed on connection exception: java.net.Connec
- 【JQuery】sele1,sele2,seleN选择器
- A星算法
- [JS插件] wScratchPad.js刮刮卡效果-页面涂抹消失插件
- 30天入门 Android 开发, Google 与你一起圆梦
- 虚拟现实
- Dijkstra算法的java实现
- ACM第一次练习—1005F