Angular2 supprimer des composants de la programmation.

J'ai un service, qui créent de nouveaux lame et l'enregistrer dans les lames de tableau. Je montre cette lame à l'aide de "DynamicComponentLoader".
Maintenant, je veux supprimer ma lame, à partir d'une autre lame. Mais comment je peux faire?

La réponse: http://stackoverflow.com/questions/34585357/how-to-destroy-all-the-components-created-using-dynamiccomponentloader-in-angula
Double Possible de Comment détruire tous les Composants créés à l'aide de DynamicComponentLoader dans angular2?

OriginalL'auteur | 2016-02-15

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

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

    Vous pouvez également utiliser un wrapper élément

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

    ensuite utiliser

    @ViewChild('wrapper') wrapper;
...
someFunc() {
  while (myNode.firstChild) {
    myNode.removeChild(myNode.firstChild);
  }
}
    Merci, Günter Zöchbauer. Mais c'est supprimer de DOM. Par exemple, si j'ai ngOnDestroy() d'un composant, il ne marche pas effectuer. Angulaire ne sais pas que le composant a été supprimé.
    Vous pouvez utiliser l'approche décrite dans stackoverflow.com/q/34093670/4715679 – c'est à dire: passer une référence à la ComponentRef à la création de composant et d'invoquer la dispose() méthode.
    notons que .dispose() détruire() depuis la beta.16
    Je me demandais si .remove() est la même que display: none ou supprime juste un rendu d'élément
    none et remove() (maintenant destroy()), sont totalement différentes. display: none est CSS et est tout simplement l'élément hôte invisible et peut en fait être visible, par exemple en définissant display: block, tandis que destroy() détruit le composant, supprime l'élément hôte de la DOM et ne peut être ajouté en utilisant ViewContainerRef.createComponent().

    OriginalL'auteur Günter Zöchbauer