首頁猿問 Angular6...

Angular6 表單驗證點擊一個按鈕后其它兩個按鈕變更為不可點擊

Html5

函數(shù)式編程 2018-11-13 22:11:17

問題描述現(xiàn)在有三個按鈕，當我點擊一個的時候，另外兩個的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>寫的有點暈了...

查看完整描述

1 回答

揚帆大魚

TA貢獻1799條經(jīng)驗獲得超9個贊

一個簡單的辦法，如果保存過程中發(fā)起 Http 請求，并且使用的是 _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>

反對回復 2018-11-13