离子框架 – ionic2 angular2 – 单击时禁用按钮

发布时间：2020-12-17 17:39:25 所属栏目：安全来源：网络整理

导读：我有行列表,每行有两个以上的按钮.我想在点击事件上禁用按钮,所以一旦完成ajax调用,我就可以重新启用它或完全隐藏它. 所以我想知道如何在点击事件上禁用此单个按钮. 如何禁用事件？ button [disabled]="buttonDisabled" (click)="trigger($event)"trigger ($

我有行列表,每行有两个以上的按钮.我想在点击事件上禁用按钮,所以一旦完成ajax调用,我就可以重新启用它或完全隐藏它.

所以我想知道如何在点击事件上禁用此单个按钮.

如何禁用事件？

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

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

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!