Сделать неактивной кнопку 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


Ответы (0 шт):