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

发布时间：2020-12-17 07:16:19 所属栏目：安全来源：网络整理

导读：我创建了一些动态组件,如 – div ang-textfield/ang-textfield ang-textarea/ang-textarea ang-checkbox/ang-checkbox/div 在特定的动态组件中,有一些元素,如 – ang-textfield input type="text" / buttonSettings/button button (click)="remove_component

我创建了一些动态组件,如 –

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

我想在单击“删除”按钮后删除当前组件.

我怎样才能做到这一点？

这是plunker

解决方法

您可以将组件工厂作为动态构建组件的引用传递,然后在动态组件中将按钮销毁.

这Gist将为您提供更清晰的想法.

现场直播Example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!