/** * Created by Administrator on 2017/8/28. */ var app =angular.module('app',[]); app.directive('food',function () { return { restrict:"E", scope:[], controller:function($scope){ $scope.foods=[]; this.addApple=function () { $scope.foods.push("apple"); } this.addOrange=function () { $scope.foods.push("orange"); } this.addBanana=function () { $scope.foods.push("banana"); } }, link:function ($scope,element,attrs) { element.bind("mouseenter",function () { console.log($scope.foods) }); } } }); app.directive('apple',function () { return { require:'food', link:function($scope,element,attrs,foodCtrl){ foodCtrl.addApple(); } } }); app.directive('orange',function () { return { require:'food', link:function($scope,element,attrs,foodCtrl){ foodCtrl.addOrange(); } } }); app.directive('banana',function () { return { require:'food', link:function($scope,element,attrs,foodCtrl){ foodCtrl.addBanana(); } } }); app.directive('hello',function(){ return { restrict:"E", replace:true, template:'<div><input type="text" ng-model="txt"/><div>{{txt}}</div></div>', link:function($scope,element,attrs){ $scope.$watch('txt',function(newVal,oldVal){ if(newVal==="error"){ console.dir(element); element.attr("style","border:solid 1px red"); }else{ element.attr("style",""); } }); } } }); app.controller('OneSelfController',function($scope){ $scope.clkme=function(){ $scope.$broadcast('sendChild','我给子控制器传递数据'); $scope.$emit('sendParent','冒泡到父元素') } }).controller('ParentController',function($scope){ $scope.$on('sendParent',function(event,data){//监听在子控制器中定义的 sendParent 事件 console.log('OneSelfController传过来的',data,event.name,event);//事件名称:sendParent }); $scope.clkP=function(){ $scope.$broadcast('sendAllChild','让siblingsController接收到'); } }).controller('ChildController', function($scope){ $scope.$on('sendChild', function(event,data) {//监听在子控制器中定义的 sendChild 事件 console.log('ChildCtrl', data,event.name,event);// 事件名称:sendChild }); }).controller('siblingsController', function($scope){ $scope.$on('sendAllChild',function(event,data) { console.log('值过来吧', data); }); //下面事件不会触发 $scope.$on('sendParent', function(event,data) { console.log('平级得不到值', data); }); $scope.$on('sendChild', function(event,data) { console.log('平级得不到值', data); }); });