javascript - 如何在填写 Angular 中的所有字段后启用提交按钮

Question

我想要做的是，填写所有字段后应该启用该按钮。但如果有空白字段，则应将其禁用。

例如

如果该字段是备注(必填)，则该按钮会自动禁用，但如果该字段是备注(可选)，则会启用

示例:

通过 - 通过 = 启用按钮通过 - 失败=禁用按钮，在启用之前应该先填充它失败 - 失败 = 禁用按钮填写所有字段。

https://stackblitz.com/edit/ng-zorro-antd-start-xz4c93?file=src%2Fapp%2Fapp.component.ts

提前致谢

Answer 1

试试这个:

<button class="mr-1" nz-button nzType="primary" type="button"
      [disabled]="taskFormGroup.invalid"
      [nzLoading]="formLoading" (click)="saveFormData()">

只要您的空字段指定了 Validators.required，[disabled]="taskFormGroup.invalid" 就应该是您所需要的。表单组有效状态取决于您指定的验证器。