Angular 4 att skicka ett värde från en HTML-mall till en metod i en komponent

Så jag har detta problem på Angular 4.

Jag har den här knappen i min HTML-mallmarkup:

<td><a class="btn btn-danger" (click)="delete()"><i class="fa fa-trash"></i></a></td>

Jag har datan tilldelad till varje td från en *ngFor, så jag har {{ data.id }} som jag kan använda på denna post, men hur kan jag tilldela den till min raderingsmetod korrekt, jag försökte använda:

<td><a class="btn btn-danger" (click)="delete({{ data.id }})"><i class="fa fa-trash"></i></a></td>
<td><a class="btn btn-danger" (click)="delete(id)" [id]={{ data.id }}><i class="fa fa-trash"></i></a></td>

Men ingen verkar fungera, så alla råd eller vägledning skulle uppskattas mycket.

Svar #1

bara skicka data.id till raderingsfunktionen

  <td><a class="btn btn-danger" (click)="delete(data.id)"><i class="fa fa-trash"></i></a></td>

och sedan i din raderingsfunktion

    delete(id : any){
console.log(id);
// perform your action
}

Relaterade artiklar