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 
    } 
}