首頁(yè) 猿問 Angular6...

Angular6 表單驗(yàn)證點(diǎn)擊一個(gè)按鈕后其它兩個(gè)按鈕變更為不可點(diǎn)擊

Html5

哆啦的時(shí)光機(jī) 2018-11-16 08:17:40

問題描述現(xiàn)在有三個(gè)按鈕，當(dāng)我點(diǎn)擊一個(gè)的時(shí)候，另外兩個(gè)的disabled要變?yōu)椴豢捎?，按鈕是下面這些<button nz-button nzType="primary" [disabled]="!validateForm.valid " (click)="getBtnType(1)">保存&關(guān)閉</button> <button nz-button nzType="primary" [disabled]="!validateForm.valid " (click)="getBtnType(2)">保存&繼續(xù)</button> <button nz-button (click)="resetForm($event)">重置</button>寫的有點(diǎn)暈了...

查看完整描述

1 回答

千巷貓影

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

一個(gè)簡(jiǎn)單的辦法，如果保存過程中發(fā)起 Http 請(qǐng)求，并且使用的是 _HttpClient 則：

<button nz-button nzType="primary" [disabled]="!validateForm.valid || http.loading" (click)="getBtnType(1)">保存&關(guān)閉</button><button nz-button nzType="primary" [disabled]="!validateForm.valid || http.loading" (click)="getBtnType(2)">保存&繼續(xù)</button><button nz-button [disabled]="http.loading" (click)="resetForm($event)">重置</button>

反對(duì) 回復(fù) 2018-11-16