浅谈angularjs中的事件

浅谈angularjs中的事件

ID:30517318

大小:16.74 KB

页数:5页

时间:2018-12-31

浅谈angularjs中的事件_第1页
浅谈angularjs中的事件_第2页
浅谈angularjs中的事件_第3页
浅谈angularjs中的事件_第4页
浅谈angularjs中的事件_第5页
资源描述:

《浅谈angularjs中的事件》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解浅谈angularJS中的事件  下面小编就为大家带来一篇浅谈angularJS中的事件。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。  什么是事件  •如同浏览器响应浏览器层的事件,比如鼠标点击、获得焦点,angular应用也可以响应angular事件  •angular事件系统并不与浏览器的事件系统相通,我们只能在作用域上监听angular事件而不是DOM事件  事件传播  因为作用域是

2、有层次的,所以我们可以在作用域链上传递事件:  •使用$emit冒泡事件,事件从当前子作用域冒泡到赋作用域,在产生事件的作用域之上的所有作用域都会收到这个事件的通知  $emit()方法带有两个参数:  name 要发出的事件的名称  args 一个参数集合,作为对象传递到事件监听器上  •使用$broadcast向下传递事件,每个注册了监听器的子作用域都会收到这个信息  $broadcast()方法带有两个参数:  name 要广播的事件的名称  args 一个参数集合,作为对象传递到事件监听器上对党的认识也有了进一步的提高。才真正体会

3、到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  •使用$on监听事件  $on()方法带有两个参数:  event 事件对象  param 参数集合,$broadcast()、$emit()传递过来的参数集合 示例:  demo.html               angular应用demo                                  

4、  -------------------------------------------  app.js   /*声明module*/对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解   varmodule=angular.module('freefedApp',[]);   /*声明控制器*/   module.cont

5、roller('freefedCtrl',['$scope',function($scope){     //监听directiveClick事件     $scope.$on('directiveClick',function(event,param){      console.log(param); //打印结果{title:'我是来自指令子级作用域'}     });     $scope.change=function(title){      varresult='请注意接收父级广播';      //向子级作用域广播pare

6、ntBroadcast事件      $scope.$broadcast('parentBroadcast',{msg:result});     };   }]);   /*声明指令*/   module.directive('eventDirective',function(){    return{      scope:{       change:'&'对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的

7、培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解      },     replace:true,     template:'点我向上冒泡事件',      link:function(scope,el,attr){       el.on('click',function(){       //向上冒泡directiveClick事件,通知父级作用域        scope.$emit('directiveClick',{title:'我是来自指令子级作用域'});       });   

8、   //监听parentBroadcast事件广播      scope.$on('parentBroadcast',function(event,msg){        console.

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。