angularJs controller间怎么通信
2016-02-03 00:00
826 查看
摘要: 可利用作用域的事件传播 事件:广播/冒泡(发射)事件
作用域可以像DOM节点一样,进行事件的传播。主要是有两个方法:
broadcasted :从父级作用域广播至子级 scope
emitted :从子级作用域往上发射到父级作用域
下面是代码案例
作用域可以像DOM节点一样,进行事件的传播。主要是有两个方法:
broadcasted :从父级作用域广播至子级 scope
emitted :从子级作用域往上发射到父级作用域
下面是代码案例
<div class="container" ng-controller="parentCtrl"> <div class="row" ng-controller="childCtrl"> <input type="text" ng-model="cv" ng-change="change(cv)"> </div> <div class="row" ng-controller="childCtrl2"> {{ cv2 }} </div> </div>
'use strict'; angular.module('app', []) .controller('parentCtrl', ['$scope', function ($scope) { $scope.$on('childCtrlChange', function (event, msg) { $scope.$broadcast('childAll', msg); }); }]) .controller('childCtrl', ['$scope', function ($scope) { $scope.change = function (msg) { $scope.$emit('childCtrlChange', msg); }; }]) .controller('childCtrl2', ['$scope', function ($scope) { $scope.$on('childAll', function (event, msg) { $scope.cv2 = msg; }); }]);
相关文章推荐
- C#实现子窗体与父窗体通信方法实例总结
- java和c#使用hessian通信的方法
- win32下进程间通信(共享内存)实例分析
- ThinkPHP控制器详解
- WinForm实现跨进程通信的方法
- C#中使用UDP通信实例
- ASP.NET UserControl 通信的具体实现
- JavaScript 学习笔记之变量及其作用域
- 深入理解javascript作用域和闭包
- javascript作用域和闭包使用详解
- 深入理解Javascript作用域与变量提升
- 跟我学习javascript的作用域与作用域链
- 深入理解Javascript中this的作用域
- JavaScript 变量、作用域及内存
- Javascript学习笔记之函数篇(六) : 作用域与命名空间
- AngularJS基础教程之简单介绍
- 浅谈javascript中的作用域
- javascript变量作用域使用中常见错误总结
- AngularJS中处理多个promise的方式
- JSP中 Session和作用域的使用