Сделать неактивной кнопку submit, если хотя бы одно поле не заполнено
У меня есть форма регистрации в компоненте
singUpForm: FormGroup = this.fb.group({
login: ['', [Validators.minLength(3), Validators.required]],
email: ['', [Validators.email, Validators.required]],
password: ['', [Validators.minLength(8), Validators.required]],
confirmPassword: ['', [Validators.required]]
});
Мне нужно задизейблить кнопку submit, если хотя бы одно поле не заполнено Я пытался сделать это вот так, но безуспешно
<button type="submit" class="btn submit-btn btn-sm btn-primary btn-icon" [disabled]="singUpForm.errors.required">
<span class="btn-inner--text">Sign Up</span>
<i class="fa fa-long-arrow-right"></i>
</button>
Получаю ошибку
ERROR TypeError: Cannot read property 'required' of null