Angular2以编程方式删除组件。

我有一项服务，它可以创建新刀片并将其保存在刀片阵列中。我使用“DynamicComponentLoader”展示这个刀片。现在我想从另一个刀片上删除我的刀片。但我怎么能做到这一点？Angular2以编程方式删除组件。

2016-02-15 Алексей Серафимов

答案： [http://stackoverflow.com/questions/34585357/how-到破坏，所有的组件创建的-使用-dynamiccomponentloader合安古拉]（http://stackoverflow.com/questions/34585357/how-to-destroy-all-the-components-created-using-dynami ccomponentloader-in-angula） –

[如何销毁在angular2中使用DynamicComponentLoader创建的所有组件？]（http://stackoverflow.com/questions/34585357/how-to-destroy-all-the-components-created -using-dynamiccomponentloader-in-angula） – nycynik

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

来源

2016-02-15 14:59:59

谢谢，GünterZöchbauer。但是这是从DOM中删除。例如，如果我在组件中有ngOnDestroy（），它不会执行。 Angular不知道该组件已被删除。 –

@АлексейСерафимов：您可以使用http://stackoverflow.com/q/34093670/4715679中描述的方法 - 即：将引用传递给创建的组件，并调用其上的'dispose（）'方法。 – BlueM

请注意.dispose（）是自测试版以来的destroy（）.16 – schellmax

Angular2以编程方式删除组件。

回答

相关问题