<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<div ng-app="bb">

    <div ng-controller="abx">

        <ul ng-repeat="names in name track by $index">

            <li ng-bind="names.names"></li>

        </ul>

        <button ng-click="sub()">减</button>

        <span ng-bind="remark"></span>   {{remark}}

        <hr>

        <div ng-controller="aby">

            <button ng-click="add()">加</button>

            <span ng-bind="remark"></span>   {{remark}}

        </div>

    </div>

    <hr>

    <hr>

    <div ng-view></div>

</div>

</body>

<script src="Angular.js"></script>

<script src="route.js"></script>

<script>

    var app= angular.module("bb",['ngRoute']);

    app.controller("abx",function($rootScope,$scope){

        $scope.name=[

            {names:"123"},

            {names:"456"},

            {names:"789"},

        ];

        $scope.remark=100;

        $scope.$on("adds",function(event,data){

            $scope.remark+=data;

        });

        $scope.$on("subs",function(event,data){

            $scope.remark-=data;

        });

        $scope.sub = function(){

            $scope.$broadcast("subs",10);//向下广播

        };

    });

    app.controller("aby",function ($rootScope,$scope){

        $scope.remark=100;

        $scope.add=function(){

            $scope.$emit("adds",10);//向上广播

        };

        $scope.$on("adds",function(event,data){

            $scope.remark+=data;

        });

        $scope.$on("subs",function(event,data){

            $scope.remark-=data;

        });

    });

    //路由

    app.config(function ($routeProvider) {

        $routeProvider.when("/index",{

            controller: 'otherOneCtrl',

            templateUrl: 'templete/otherOne.html',

            publicAccess: true

        }).when("/index2",{

            controller: 'otherTwoCtrl',

            templateUrl: 'templete/otherTwo.html',

            publicAccess: true

        }).otherwise({

            redirectTo: '/index'

        });

    });

    app.controller("otherOneCtrl",function ($scope){

        $scope.other="other1";

    });

    app.controller("otherTwoCtrl",function ($scope){

        $scope.other="other2";

    });

</script>

</html>

　　

angularJS中controller的通信的更多相关文章

  1. AngularJS 中 Controller 之间的通信

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

  2. Angularjs中controller的三种写法

    在Angular中,Directive.Service.Filter.Controller都是以工厂方法的方式给出,而工厂方法的参数名对应着该工厂方法依赖的Service.angularjs中cont ...

  3. AngularJS中控制器之间通信方法

    在同个angular应用的控制器之间进行通信可以有很多种不同的方式,本文主要讲两种: 基于scope继承的方式和基于event传播的方式 基于scope继承的方式 最简单的让控制器之间进行通信的方法是 ...

  4. angularJs 中controller与sever

    网上找到的一个例子,感觉对于初学者理解将controller抽成服务有帮助.主要是方便理解什么时候应该来做服务. html部分 <!DOCTYPE html> <html ng-ap ...

  5. angularJs中$controller的使用

    $controller的使用 参考:https://stackoverflow.com/questions/27866620/can-someone-provide-a-use-case-for-th ...

  6. Angularjs Controller 间通信机制

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

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

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

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

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

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

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

随机推荐

  1. POJ2762 Going from u to v or from v to u?（判定单连通图：强连通分量+缩点+拓扑排序）

    这道题要判断一张有向图是否是单连通图,即图中是否任意两点u和v都存在u到v或v到u的路径. 方法是,找出图中所有强连通分量,强连通分量上的点肯定也是满足单连通性的,然后对强连通分量进行缩点,缩点后就变 ...

  2. jmx远程访问权限设置

    1.复制jdk提供的jmx帐号和密码配置文件模板到tomcat的conf目录: cp $JAVA_HOME/jre/lib/management/jmxremote.* tomcat/conf 2.重 ...

  3. xamarin studio And linq 查询方式分析

    在 Windows 操作系统可以正常读取网络上的 https 数据流,在 Linux 操作系统中会失败:http://www.cnblogs.com/skyivben/archive/2012/03/ ...

  4. ios cocos2d TexturePacker生成文件后的使用方法

    (1)将*.pvr.ccz文件转换为CCSpriteBatchNode (2)   将对应的plist文件读到CCSpriteFrameCache中 (3) 从CCSpriteFrameCache获取 ...

  5. iOS应用程序本地化

    一.简介 * 使用本地化功能,可以轻松地将应用程序翻译成多种语言,甚至可以翻译成同一语言的多种方言 * 如果要添加本地化功能,需要为每种支持的语言创建一个子目录,称为”本地化文件夹”,通常使用.lpr ...

  6. windows 下安装Yii2 高级版本

    1.  首先安装 Composer 2.  执行  composer global require "fxp/composer-asset-plugin:~1.1.1" 3. 执行 ...

  7. 【转】在.Net中关于AOP的实现

    原文地址:http://www.uml.org.cn/net/201004213.asp 一.AOP实现初步 AOP将软件系统分为两个部分:核心关注点和横切关注点.核心关注点更多的是Domain Lo ...

  8. JitterBuffer

    jitter buffer QoS的解决方案 注:此博客中的某些说法是有问题的,如65536的整数倍,则其buffer会太大=>64k*1.5k=98M,另在超时处理中也有问题 VOIP中何为动 ...

  9. Jersey MVC

    Jersey是JAX-RS(JavaAPI for RESTful Service)标准的一个实现,用于开发RESTful Web Application.可以参考JAX-RS的介绍(http://w ...

  10. Linux下的mongodb分片部署

    前提: 分片服务器不设置从服务和均衡服务,只有主服务器;当前测试为所有服务器均在同一台物理机上. 1.测试环境:192.168.1.55. 2.测试模式:单机.3.服务:分片服务器1:192.168. ...