Angular 4 - 以编程方式删除当前动态组件

Question

我创建了一些动态组件，例如 -

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

在特定的动态组件中有一些元素，比如-

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

我想在点击 Remove 按钮后删除当前组件。

我该怎么做？

这是plunker

Answer 1

您可以将组件工厂作为引用传递给动态构建组件，然后在动态组件中有一个按钮销毁。

这Gist会给你一个更清晰的想法。

直播 Example