Angular2以编程方式删除组件。

Question

我有一项服务，可以创建新刀片并将其保存在刀片阵列中。我使用＆＃34; DynamicComponentLoader＆＃34;来显示此刀片。 现在我想从另一个刀片中删除我的刀片。但我怎么能这样做？

Answer 1

export class YourComponent {
  constructor(private ref:ElementRef) {}

  someFunc() {
    elementRef.nativeElement.querySelector('some-elem').destroy();
  }
}

您也可以使用包装元素

<div #wrapper><dynamic-component></dynamic-component>

然后使用

@ViewChild('wrapper') wrapper;
...
someFunc() {
  while (myNode.firstChild) {
    myNode.removeChild(myNode.firstChild);
  }
}