angularjs Controller之间的通信
来源:互联网 发布:java api中文版下载 编辑:程序博客网 时间:2024/06/03 15:59
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的对象了)
转载自:http://blog.csdn.net/maoguiyou/article/details/50999439
想了解更多技术欢迎加入技术交流群:627336556
- 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如何通信?
- Python学习笔记·Python开发环境配置
- HttpClient源码解析系列:第五篇:HttpClientBuilder中的配置分析
- 从请求中获取当前用户的三种方法
- 《reinforcement learning:an introduction》第十一章《Off-policy Methods with Approximation》总结
- 重复插入
- angularjs Controller之间的通信
- hdu 多校联赛 Rikka with Graph
- delegate的使用
- 滑动窗口
- javaweb的登录验证过滤器的实现
- this、static关键字(静态变量、方法、代码块)| 单例模式
- eclipse java/jee oxygen 下载
- OpenCV学习笔记(3)——Scalar数据类型理解
- Js_Dom(2)__Dom基础<方法(重点)>