角4 - 刪除當前動態組件編程

Question

我已經創造了一些動態組件，如 -

<div> 
    <ang-textfield></ang-textfield> 
    <ang-textarea></ang-textarea> 
    <ang-checkbox></ang-checkbox> 
</div> 

在特定dynamic component有喜歡的一些元素 -

<ang-textfield> 
    <input type="text" /> 
    <button>Settings</button> 
    <button (click)="remove_component()">Remove</button> 
</ang-textfield> 

我想點擊後刪除當前組件Remove按鈕。

我該怎麼做？

這裏是plunker

Answer 1

可以傳遞元件廠作爲參考來動態構建組件，然後在動態組件有一個按鈕銷燬。

這Gist會給你一個更清晰的想法。

A live Example