ionic2 + angular2 - 点击禁用按钮

Question

我有行列表，每行有两个更多的按钮。我想禁用点击事件按钮，所以一旦它完成ajax调用，然后我可以重新启用它或完全隐藏它。

所以我想知道如何禁用单击事件这个单一的按钮。

如何禁用事件？

<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); 
}