angularjs 事件向上向下传播

更新时间：2022-09-18 14:22:26

<!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>

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/5747681.html，如需转载请自行联系原作者

上一篇 : ：Build.VERSION.SDK_INT >= Build.VERSION_CODES.GINGERBREAD下一篇 : angularjs 缓存 $q

angularjs 事件向上向下传播

相关阅读

推荐文章