本文实例讲述了AngularJS实现给动态生成的元素绑定事件的方法。分享给大家供大家参考,具体如下:
1 . 我们知道在jQuery中,动态生成一个元素,如果要在动态生成元素的同时,动态绑定事件,可以通过live/on方法(在jquery3.0中已经废除了bind方法)。
2 . 在AngularJS中,操作DOM一般在指令中完成,事件监听机制是在对于已经静态生成的dom绑定事件,而如果在指令中动态生成了DOM节点,动态生成的节点不会被JS事件监听。
举例来说:
rush:js;">
angular.module('myapp',[])
.directive('myText',function(){
return{
restrict:'A',template:'
',link:function(scope,ele,attr){
}
}
})
这个指令中,会生成新的DOM节点:
rush:xhtml;">
但是如果不做处理,这里的ng-click事件并不能实现,因为事件的监听在静态HTML页面生成时候已经完成。那么如何给动态生成的元素,绑定事件,实现事件的动态监听呢?
3 . 通过$compile服务,编译DOM,实现动态的事件绑定
相关文章
前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...