Создаю форму в компоненте
export class LoginPageComponent implements OnInit {
form!: FormGroup
constructor() { }
ngOnInit() {
this.form = new FormGroup({
email: new FormControl(null, [Validators.required, Validators.email]),
password: new FormControl(null, [Validators.required, Validators.minLength(6)]),
})
}
}
В html выполняю проверки ввода значений
<div *ngIf="form.get('email').touched && form.get('email').invalid" class="validation">
<small *ngIf="form.get('email').errors.required">Enter Email</small>
<small *ngIf="form.get('email').errors.email">Enter valid Email</small>
</div>
На каждую строку, где встречается form IDEA ругается
error TS2531: Object is possibly 'null'
Я так понимаю, что это связано с тем что создание объекта происходит в ngOnInit. Проставил везде знак "?" и IDEA перестает ругаться:
<div *ngIf="form.get('email')?.touched && form.get('email')?.invalid" class="validation">
<small *ngIf="form.get('email')?.errors.required">Enter Email</small>
<small *ngIf="form.get('email')?.errors.email">Enter valid Email</small>
</div>
Но на сколько это правильно? Может есть более корректное решение этой проблемы? Может я не правильно создаю объект FormGroup?