Supprimer le composant lui-même

Question

Je ne peux pas trouver la solution si ce problème.

J'ai 2 composants:

@Component({ 
    selector: 'my-app', 
    template : ` 
    <product *ngFor="let prod of products" [product]='product'> 
    ` 
}) 
export class App { 
    public products =['object',object]; //its only example of products objects array 
} 

@Component({ 
     selector: 'product', 
     template : ` 
     <p>{{product.name}}</p> 
     ` 
    }) 

export class App { 
    @Input() product:any; 
} 

En ce moment, comment puis-je supprimer un composant de produit specyfic? Peut être composant peut le faire lui-même? Je vérifie ce message et ne pas encore avoir une idée Angular 2 - Adding/Removing components on the fly et How to destroy all the Components created using DynamicComponentLoader in angular2?

En application sera téléchargé la liste des produits de serwer et affiché comme celui-ci. Je veux ajouter un bouton pour retirer un seul produit de la liste. En ce moment j'ai une fonction qui supprime ce produit du serveur mais je pense que c'est une idée stupide de télécharger à nouveau la liste des produits. Donc, je pense qu'il sera beter retirer du DOM peut-être avec ElemntRef ou ComponentRef

Answer 1

Il suffit de retirer l'élément de products et le composant <product> sera supprimé par *ngFor. En outre, il n'y a aucun moyen de supprimer les composants ajoutés par Angular2. En outre, il n'y a aucun moyen de supprimer les composants ajoutés par Angular2. Vous ne pouvez supprimer que les composants que vous avez ajoutés vous-même.