如果表单无效或单击后禁用按钮

Question

如果表单无效或用户单击后，我想禁用该按钮，但不能全部禁用。

如何在引号内添加2条语句？

我这样尝试过，但无法正常工作

<form [formGroup]="weightForm" (submit)="saveWeight(); clicked=true; " novalidate>
    <ion-button expand="block" type="submit" [disabled]="!weightForm.valid && clicked==true" >Submit</ion-button>
</form>

就像只有单击后禁用功能一样。

Answer 1

您可以定义在Ts文件中提交的属性，例如：

     submitted = false;
     onSubmit() {
     this.submitted = true;
     if (this.weightForm.invalid) { // stop here if form is invalid
      return;
    }
     this.updateInfo();
  }
      <form [formGroup]="weightForm" (ngSubmit)="submitted && onSubmit()" novalidate> 
     or disabled="{{submitted}}"