如何知道在Angular 2中何時將元素添加到DOM？

Question

我需要操作由一個*ngIf指令隱藏DOM元素：

<div *ngIf="myBoolean"> 
    <canvas id="myElement"></canvas> 
</div> 

點擊一個按鈕後，我運行下面的方法：

showMyElement(){ 
    this.myBoolean = true; //This shows the div containing myElement 
    console.log(document.getElementById('myElement')); //This gives me null 
} 

但是，如果我通過點擊獲得myElement可見之後的另一個按鈕，我沒有得到null。我想，當我第一次得到它時，它還沒有被添加到DOM中。如何知道myElement何時添加到DOM？有沒有像(ngModelChange)但添加到DOM時？謝謝！

Answer 1

您可以手動運行變更檢測週期，以確保您的視圖更新

constructor(private cdRef: ChangeDetectorRef) {} 

showMyElement(){ 
    this.myBoolean = true; 
    this.cdRef.detectChanges(); // redraw view 
    console.log(document.getElementById('myElement')); //This gives me null 
} 

也

• Angular 4 - What is the right way to "wait for operation"?