2016-10-19 4 views
6

Ich habe Komponente (main-cmp) mit Zeilen aus der Datenbank. Für Zeilen erstelle ich eine andere Komponente für zB. row-cmpKomponente selbst zerstören - angular2

main-cmp haben Daten aus der Datenbank angefordert und analysieren sie als

<row-cmp *ngFor="let row of data" 
    [id]="row.id" 
    [name]="row.name" 
    [value]="row.value"> 
</row-cmp> 

In row-cmp Ich habe delete() Funktion, die HTTP-Anfrage an meinen Backend nennen erklären. Jetzt, wenn die Antwort von der Anfrage wahr ist, möchte ich row-cmp für die ausgewählte Zeile zerstören. Ist das möglich ?

Antwort

8

Dies wird nicht unterstützt. Ich würde vorschlagen eventemitter

@Output() delete:EventEmitter = new EventEmitter(); 

und fügen Sie dann einen Ereignishandler hinzuzufügen, die

<row-cmp *ngFor="let row of data;let i=index" (delete)="data.splice(i,1)" 
    [id]="row.id" 
    [name]="row.name" 
    [value]="row.value"> 
</row-cmp> 
+1

Dank das Element aus dem Datenfeld entfernt! Es funktioniert für mich :) Schönen Tag noch! : DDD –

Verwandte Themen