Отключить кнопку, если форма недействительна ИЛИ после нажатия

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}}"