emit.js
var emitApp = angular.module('emit1App', []);
emitApp.controller('EventController', ['$scope', function($scope) {
$scope.count = 0;
$scope.$on('MyEvent', function() {
$scope.count++;
});
}])
html
<!doctype html>
<html ng-app="emit1App">
<head>
</head>
<body>
<div ng-controller="EventController">
Root scope
<tt>MyEvent</tt> count: {{count}}
<ul>
<li ng-repeat="i in [1]" ng-controller="EventController">
<button ng-click="$emit('MyEvent')">$emit('MyEvent')</button>
<button ng-click="$broadcast('MyEvent')">$broadcast('MyEvent')</button>
<br> Middle scope
<tt>MyEvent</tt> count: {{count}}
<ul>
<li ng-repeat="item in [1, 2]" ng-controller="EventController">
Leaf scope
<tt>MyEvent</tt> count: {{count}}
</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript" src="js/common/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/common/angular-1.6.9/angular.js"></script>
<script type="text/javascript" src="js/emit.js"></script>
</body>
</html>
结果:总是报这个错,不知道为啥
试试将js引用顺序改一下,放到head里