如何保持禁用提交按钮，直到表单数据未填充响应式验证？

Question

How can you keep a form button disabled until form data is filled in reactive form? I have created a reactive form here .

And also how can you reset reactive forms and clear the data after a submit?

Answer 1

You could just use the FormGroup object you created "registerForm". This object is really powerful. Check out the documentation on it.

https://angular.io/api/forms/FormGroup

I do this all the time :)

  <button [disabled]="!registerForm.valid" class="btn btn-primary">Register</button>