ionic2 + angular2 - Deaktivieren Sie die Schaltfläche beim Klicken

Question

Ich habe eine Liste von Zeilen, und jede Zeile hat 2 weitere Schaltflächen mehr. Ich möchte die Schaltfläche beim Klick-Ereignis deaktivieren, sobald ich den Ajax-Anruf beendet habe, kann ich ihn wieder aktivieren oder ganz ausblenden.

Also ich frage mich, wie ich diese einzelne Schaltfläche auf Klick-Ereignis deaktivieren kann.

Wie kann ich vom Ereignis abschalten?

<button [disabled]="buttonDisabled" (click)="trigger($event)"> 

trigger ($event) 
{ 
    $event.buttonDisabled = true; // ? 
} 

Answer 1

<div *ngfor="#row of rows"> 
    <button [disabled]="awaitingAjaxCall[row] ? true : null" (click)="trigger($event, row)"> 
</div> 

rows: [0,1,2]; 
awaitingAjaxCall:boolean[] = [false, false, false]; 
trigger ($event, row) 
{ 
    this.awaitingAjaxCall[row] = true; 
    this.http.get(...).map(...).subscribe(value => { 
    this.value = value; 
    // or here 
    // this.awaitingAjaxCall[row] = false; 
    }, error => {}, 
() => this.awaitingAjaxCall[row] = false); 
}