如何从DOM中删除组件？

Question

I am wondering how I can remove my component form DOM manually? I've been looking at ElementRef , and found some work arounds there, but I've been wondering if there is any function dedicated to do this?

My set up is the following:

I've got a Loader component, that is called via EventEmitter. I am adding it to a view by DynamicComponentLoader.loadNextToLocation(..) , and then I want to remove it from the view.

I've also found Renderer.destroyView(component) , but this yields me to errors.

Thanks

Answer 1

this.dcl.loadIntoLocation(this.type, this.elRef, 'target').then((cmpRef) => {
  this.cmpRef = cmpRef;
});

then remove it with:

this.cmpRef.dispose();

See also Angular 2 dynamic tabs with user-click chosen components

Answer 2

你可以使用*ngIf的angular2将添加的元素到DOM如果条件结果为真，在结果假但这并没有让上呈现的DOM元素的情况下，