Angular6 表单验证点击一个按钮后其它两个按钮变更为不可点击

Question

问题描述

现在有三个按钮，当我点击一个的时候，另外两个的disabled要变为不可用，按钮是下面这些

<button nz-button nzType="primary" [disabled]="!validateForm.valid " (click)="getBtnType(1)">保存&关闭</button>
<button nz-button nzType="primary" [disabled]="!validateForm.valid " (click)="getBtnType(2)">保存&继续</button>
<button nz-button (click)="resetForm($event)">重置</button>

写的有点晕了...

Answer 1

一个简单的办法，如果保存过程中发起 Http 请求，并且使用的是&nbsp;_HttpClient&nbsp;则：<button&nbsp;nz-button&nbsp;nzType="primary"&nbsp;[disabled]="!validateForm.valid&nbsp;||&nbsp;http.loading"&nbsp;(click)="getBtnType(1)">保存&关闭</button><button&nbsp;nz-button&nbsp;nzType="primary"&nbsp;[disabled]="!validateForm.valid&nbsp;||&nbsp;http.loading"&nbsp;(click)="getBtnType(2)">保存&继续</button><button&nbsp;nz-button&nbsp;[disabled]="http.loading"&nbsp;(click)="resetForm($event)">重置</button>