如何從DOM中刪除組件？

Question

我想知道如何手動刪除組件表單DOM？ 我一直在查看ElementRef ，並在那里找到了一些解決方法，但是我一直在想是否有專門用於執行此操作的功能？

我的設置如下：

我有一個通過EventEmitter調用的Loader組件。 我通過DynamicComponentLoader.loadNextToLocation(..)將其添加到視圖中，然后從視圖中將其刪除。

我還找到了Renderer.destroyView(component) ，但這使我陷入錯誤。

謝謝

Answer 1

this.dcl.loadIntoLocation(this.type, this.elRef, 'target').then((cmpRef) => {
  this.cmpRef = cmpRef;
});

然后使用以下命令將其刪除：

this.cmpRef.dispose();

另請參閱帶有用戶單擊所選組件的Angular 2動態選項卡

Answer 2

你可以使用*ngIf的angular2將添加的元素到DOM如果條件結果為真，在結果假但這並沒有讓上呈現的DOM元素的情況下，