ionic2 + angular2 - 单击时禁用按钮

Question

我有行列表，每一行还有 2 个按钮。我想在点击事件中禁用按钮，所以一旦完成 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);
}

ionic2 + angular2 - 单击时禁用按钮

ionic2 + angular2 - disable button on click

ionic-framework

ionic-view

ionic2

angular