表单已包含form时，请在提交表单后禁用按钮。为[disabled]字段设置了有效字段

Question

我有一个反应形式，它由一个按钮和另外两个字段组成。

我设置了一个验证器。如果验证器为true，则通过“ FormName.valid”启用按钮；如果为false，则禁用按钮

我想要什么？

在单击“提交”按钮后，我想禁用按钮

我尝试了什么？

我尝试了FormName.reset()，它确实禁用了按钮，但是在我的微调器运行时，它在后台显示了两个空白字段的错误。 （所以，我不想这样）

HTML：

<form [formGroup]="FormName" (ngSubmit)=sendData()>
       // Two other fields here
        <div id="frame-send-button" text-center>
            <button [disabled]="!FormName.valid" type="submit">
                Submit
            </button>
</form>

打字稿

表单初始化

this.FormName= new FormGroup({
        field1: new FormControl(this.field1value, Validators.required),
        field2: new FormControl(this.field2value)
    }, IsFutureValidator('somevalidator'));

有什么建议吗？

Answer 1

document.yourQuerySelector('submitForm').setAttribute('disabled');

这会将您选择的属性添加到任何元素。在这种情况下，“禁用”将起作用。