Angular2以编程方式删除组件。

Question

我有一个服务，创建新的刀片，并将其保存在刀片阵列中。我使用"DynamicComponentLoader“显示此刀片。现在我想从另一个刀片中删除我的刀片。但是我该怎么做呢？

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);
  }
}