<!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. SQL 计算列

    SQL计算列,可以解决一般标量计算(数学计算,如ColumnA*ColumnB)的问题,而子查询计算(如select sum(salary) from tableOther where id=’ABC ...

  2. POJ3177 Redundant Paths（边双连通分量+缩点）

    题目大概是给一个无向连通图,问最少加几条边,使图的任意两点都至少有两条边不重复路径. 如果一个图是边双连通图,即不存在割边,那么任何两个点都满足至少有两条边不重复路径,因为假设有重复边那这条边一定就是 ...

  3. 【转】Profiling application LLC cache misses under Linux using Perf Events

    转自:http://ariasprado.name/2011/11/30/profiling-application-llc-cache-misses-under-linux-using-perf-e ...

  4. WebRTC手记Channel概念

    转载请注明出处:http://www.cnblogs.com/fangkm/p/4401075.html 前面两篇博文完整地介绍了WebRTC音视频的采集模块,接下来应该开始介绍关键的音视频编码模块. ...

  5. 全面解析Linux数字文件权限

    全面解析Linux数字文件权限 来源:   时间:2013-09-04 20:35:13   阅读数:11433 分享到:0 [导读] 在刚开始接触Linux时对于文件权限的理解并不是很透彻,这里详细 ...

  6. FlexSlider插件的详细设置参数

    FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果.适合所有初级和高级网页设计师使用.不过很多人都只是使用默认的参数,今天来说说具体的参数来给大家看看 ...

  7. dtd语法之定义属性

    1.语法: <!ATTLIST 元素名称 属性名称 属性类型 默认值>  属性类型: l CDATA :文本数据 l (en1|en2|……) :属性值任选其一 l ID :属性值必须是唯 ...

  8. 从eclipse到Android studio/迁移eclipse的Android项目到Android studio平台的注意事项

    整体要注意的地方 先说明一下整体需要注意的地方 1在Android studio建立项目的时候,要注意包名和原来的完全一致,不然会有很多需要改动. 2依赖的jar一定一定要找齐,不然新建项目引用不到, ...

  9. 虚拟机下CentOS找不到网卡eth0的解决方法

    1. vi /etc/sysconfig/network-scripts/ifcfg-eth0 2. 将其中的ONBOOT属性改成yes即可   2015-8-3更新: 今天发现通过VirtualBo ...

  10. Java静态块学习

    静态块是类里面的构造器,对象有构造器那么类也有构造器,类里面的构造器叫做初始化方法.也就是new一个对象他会经过一个构造器.加载一个类,也有被初始化的一片代码,这个就称之为静态块.一个类里面可以有很多 ...