刚刚看了网上的一些关于控制器之间的通信；然后结合自己项目做了一些，这里主要做的是二个同级之间的controller通信。

Html：

 <html>

 <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

 <body>

 <div ng-app="app">

      <div ng-controller="childCtr1">name :

         <input ng-model="name" type="text"  />

     </div>

      <div ng-controller="childCtr2">Ctr1 name:

          {{ctr1Name}}

      </div>

  </div>

 </body>

 </html>

上面的html代码设置了2个同级的控制器，现在childCtr2需要childCtr1的参数来显示相关信息，下面是控制器childCtr1的代码：

 angular.module("app", [])

 .controller("childCtr1", function ($scope) {

     $scope.$watch("name",function (){//监听绑定“name"，当发生改变时发送消息；

         //alert("123");

         $scope.$emit("Ctr1NameChange", $scope.name);//发送名为Ctr1NameChange的消息，值为$scope.name

     });

 });

下面是childCtr2的代码：

angular.module("app", [])

.controller("childCtr2", function ($scope) {

    $scope.$on("Ctr1NameChange",//监听有没有名为”Ctr1NameChange“的消息，如果有，则执行下面函数

    function (event, msg) {

        console.log("childCtr2", msg);

        $scope.ctr1Name = msg;

    });

});

以上是针对控制器分离的文件写的不同形式；当然也可以将他们合并到一个页面

 angular.module("app", [])

 .controller("childCtr1", function ($scope) {

     $scope.$watch("name",function (){

         //alert("123");

         $scope.$emit("Ctr1NameChange", $scope.name);

     });

 }).controller("childCtr2", function ($scope) {

     $scope.$on("Ctr1NameChange",

     function (event, msg) {

         console.log("childCtr2", msg);

         $scope.ctr1Name = msg;

     });

 });

还有很多控制器之间的通信方法，包括server的factory，可以参考：http://jsbin.com/hopazo/5/edit?html,css,js,output

Angularjs controller之间的通信的更多相关文章

  1. AngularJS进阶(九)控制器controller之间如何通信

    AngularJS控制器controller之间如何通信 注:请点击此处进行充电! angular控制器通信的方式有三种: 1,利用作用域继承的方式.即子控制器继承父控制器中的内容 2,基于事件的方式 ...

  2. AngularJS实战之Controller之间的通信

    我们时常会在不同controller之间进行通信,接下来就介绍三种controller之间的通信方式 一.使用$on.$emit和$broadcast进行controller通信 虽然AngularJ ...

  3. angularJS中directive与controller之间的通信

    当我们在angularJS中自定义了directive之后需要和controller进行通讯的时候,是怎么样进行通讯呢? 这里介绍3种angular自定义directive与controller通信的 ...

  4. AngularJS 中 Controller 之间的通信

    用 Angular 进行开发,基本上都会遇到 Controller 之间通信的问题,本文对此进行一个总结. 在 Angular 中,Controller 之间通信的方式主要有三种: 1)作用域继承.利 ...

  5. Angularjs Controller 间通信机制

    在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller,避免过大无所不能的上帝controller,我们把controller分离开了,但是有时候我们需 ...

  6. 【转】Angularjs Controller 间通信机制

    在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller,避免过大无所不能的上帝controller,我们把controller分离开了,但是有时候我们需 ...

  7. angularJS中directive与directive 之间的通信

    上一篇讲了directive与controller之间的通信:但是我们directive与directive之间的通信呢? 当我们两个directive嵌套使用的时候怎么保证子directive不会被 ...

  8. angularJS的controller之间如何正确的通信

    AngularJS中的controller是个函数,用来向视图的作用域($scope)添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为. 当我们在创建新的控制器时,angularJ ...

  9. angularJS项目-ajax事件的按钮loading和页面loading状态 & Controller之间通信-待续

    1).按钮loading --TODO 2). page loading状态 1.在module中注入指令 // Route State Load Spinner(used on page or co ...

随机推荐

  1. 科学经得起实践检验-python3.6通过决策树实战精准准确预测今日大盘走势(含代码)

    科学经得起实践检验-python3.6通过决策树实战精准准确预测今日大盘走势(含代码) 春有百花秋有月,夏有凉风冬有雪: 若无闲事挂心头,便是人间好时节. --宋．无门慧开 不废话了,以下训练模型数据 ...

  2. 剑指offer四十八之不用加减乘除做加法

    一.题目 写一个函数,求两个整数之和,要求在函数体内不得使用+.-.*./四则运算符号. 二.思路 1. 采用位运算的方法,分三步: (1).两个数异或:相当于每一位相加,而不考虑进位 (2).两个数 ...

  3. Dubbo架构设计详解（转载）

    原文地址:http://shiyanjun.cn/archives/325.html Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解 ...

  4. Spring Security构建Rest服务-1205-Spring Security OAuth开发APP认证框架之Token处理

    token处理之二使用JWT替换默认的token JWT(Json Web Token) 特点: 1,自包含:jwt token包含有意义的信息 spring security oauth默认生成的t ...

  5. C/C++ -- Gui编程 -- Qt库的使用 -- 组件大杂烩

  6. 用imageMagick合成图片添加图片水印

    用imageMagick合成图片的方式大致有三种, 使用convert命令加 +append或-append参数 使用convert命令加 -composite参数 直接使用composite命令来完 ...

  7. Linux中Redis的安装

    一.下载redis redis官网地址:http://www.redis.io/ 下载地址:http://download.redis.io/releases/ redis中文文档地址:http:// ...

  8. [转]ng-grid Auto / Dynamic Height

    本文转自:https://stackoverflow.com/questions/23396398/ng-grid-auto-dynamic-height I think I solved this ...

  9. Message小结(二)

    当客户端调用一个WCF接口时,客户端将请求消息发送到服务端,服务端再返回回复消息.WCF内部实现了消息处理的所有细节,但是并不意味着一切不可更改.WCF也提供了一些方法让开发人员在消息发送前对消息进行 ...

  10. 图片切换（手动切换，imagelist的单独使用）

    //当前图片的索引 private int currIndex = 0; //判断上一个按钮和下一个按钮是否可用 private void SetEabled() { //如果当前显示的是第一张图片, ...