Button 如何在用户单击“提交”按钮后禁用表单上的“提交”按钮6

这就是我想要我的按钮做的。 我希望我的按钮被禁用，直到用户在表单中输入所需的所有值。 一旦用户在表单中输入所有值，用户应该能够单击submit按钮。 然后，在用户单击“提交”按钮后，应再次禁用此按钮

我试过这样的东西

html

当用户单击按钮时，我的按钮被禁用，但我没有从api中获得任何结果。 似乎没有向api发送任何内容

这很有效

html

---

但是，用户单击“我的按钮”后，“我的按钮”不会被禁用。您可以在组件中定义一个公共布尔字段，并将该值绑定到html中的[disabled]属性

[disabled]="!aFormGroup.dirty || !aFormGroup.valid || isDisabled"

并在submit方法中将该值设置为true

这里有一个小例子

submit() {..}

 <div class="field is-grouped">
          <p class="control">
          <button class="button is-info"
              [disabled]="!aFormGroup.dirty || !FormGroup.valid "
              type="submit"
              >Submit</button>
          </p>

 submit() {..}

[disabled]="!aFormGroup.dirty || !aFormGroup.valid || isDisabled"