首页 > Web开发 > 详细

angularjs 事件向上向下传播

时间:2016-08-08 00:37:58      阅读:576      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="angular.min.js"></script>
<script>

var m1 = angular.module(myApp,[]);
m1.controller(Aaa,[$scope,function($scope){
    $scope.count = 0;
    $scope.$on(myEvent,function(event){//$on(‘myEvent‘)绑定myEvent事件,
        $scope.count++;
        console.log( event.targetScope == event.currentScope );
        console.log(event.name);
        event.stopPropagation();
    });
}]);
</script>
</head>

<body>
<div ng-controller="Aaa">
    {{count}}
    <div ng-controller="Aaa" ng-click="$emit(‘myEvent‘)"> //向上广播myEvent事件,则上面的count会加1,$broadcast(‘myEvent‘)是向下广播事件,下面的count会加1,ng-click="count=count+1"只有这个count加1,上下的count不加1.
        {{count}}
        <div ng-controller="Aaa">
            {{count}}
        </div>
    </div>
</div>
</body>
</html>

 

angularjs 事件向上向下传播

原文:http://www.cnblogs.com/yaowen/p/5747681.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!