Angular2 - 在innerHTML改变时做些什么

Question

我有一个组件，它的inner html正在动态变化。我对该组件的子DOM元素进行了一些操作，因此每次更改此组件的inner html时都必须重复这些操作。

例如在组件：

myElements = this.el.nativeElement.querySelectorAll('.myClass'); 
// do something with that DOM elements 

并在视图：

<div *ngFor="let item of myItems"> 
    <div class="myClass">...</div> 
</div> 

我必须调用

myElements = this.el.nativeElement.querySelectorAll('.myClass'); 

每个myItems被更新时，新的DOM元素加载的。

我可以将innerHTML与ngOnChange()绑定吗？或者有其他方法可以实现吗？

Answer 1

你可以尝试ngDoCheck：

https://angular.io/docs/ts/latest/api/core/index/DoCheck-class.html

你会手动检查旧值和innerHTML的新值，然后执行自定义代码。

潜力例如：

public ngDoCheck(){ 
    if(this.oldInnerHtml != this.newInnerHtml){ 
     //take custom action 
    } 
}