Angular2 以编程方式删除组件。

Question

我有一项服务，它创建新 Blade 并将其保存在 Blade 阵列中。我使用“DynamicComponentLoader”来展示这个 Blade 。现在我想从另一个 Blade 上删除我的 Blade 。但是我该怎么做呢？

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