我有行列表,每行有两个以上的按钮 . 我想在点击事件上禁用按钮,所以一旦完成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); }
1 回答