Angular中有没有类似vue的nextTick在异步dom渲染完成的时候才调用的事件
Angular中有没有类似vue $nextTick方法,在数据渲染完成后执行。
在Vue中要获取一个动态循环的DOM节点我们需要这样做
this.$nextTick(function () {
// DOM is now updated
// `this` is bound to the current instance
this.doSomethingElse()
})
Angular中有没有类似vue的$nextTick呢?
说实话找了半天文档没有发现Angualr中类型Vue的$nextTick事件,那么这个时候要实现类似Vue nextTick如何实现呢?
下面提供一种解决方案 叫做 事件委托。
事件委托:动态创建的节点没法直接绑定事件 用事件委托
var that:any=this;
//事件委托绑定事件
var userListDom:any=document.querySelector('#user_list');
// alert(lisDom);
userListDom.onclick=function(e){
// e.srcElement 子元素
console.log(e.target.tagName);
if(e.target.tagName=='SPAN'){
// e.target.parentNode span的父亲 li
//让所有的li的class =‘’
var lisDom=document.querySelectorAll('#user_list li');
for(var j=0;j<lisDom.length;j++){
lisDom[j].className='';
}
e.target.parentNode.className='active';
that.p_num=e.target.innerHTML.trim();
}
}