Form.Get('Email')?.Invalid

Question

Angular - русскоговорящее сообщество

Oleg Livcha

Form.Get('Email')?.Invalid

#angular #frontend #javascript #programming #russian

0

29.10.2021

18 ответов

32 просмотра

Oleg Livcha Автор вопроса

Marisha
Спасибо огромное) Так действительно ошибки нет

Это ts компилятор ругаеться,они в 12 версий ожесточили конфиги проверки по умолчанию,при желании можете в файле tsconfig.json отключить сильно надоедающие правила

0

29.10.2021

Marisha

Oleg Livcha
Это ts компилятор ругаеться,они в 12 версий ожесто...

Правильно понимаю, что речь про "strictPropertyInitialization": false ? В группе сказали: > strictPropertyInitialization": false - ошибка пропадает. во время компайла, в рантайме ошибка никуда не девается

0

29.10.2021

Oleg Livcha Автор вопроса

Marisha
Правильно понимаю, что речь про "strictPropertyIni...

Нет , strictPropertyInitialization это проверка на присвоения значения члену класса,внутри конструктора или при объявлении.

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Правильно понимаю, что речь про "strictPropertyIni...

если форму инициализировать при объявлении, ошибки не будет

0

29.10.2021

Marisha

Eugene Udalov 🇷🇺
если форму инициализировать при объявлении, ошибки...

Разбираюсь с примером: export class AppComponent { form = new FormGroup({ email: new FormControl('', [ Validators.email, Validators.required ]), password: new FormControl(null, [ Validators.required, Validators.minLength(6) ]) }) submit() { if (this.form.valid) { console.log('Form: ', this.form) const formData = {...this.form.value} console.log('Form Data:', formData) } } } Вы предлагаете иначе?

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Разбираюсь с примером: export class AppComponent {...

хочешь сказать, что при такой инициализации у тебя ругается с вышеозначенной ошибкой?

0

29.10.2021

Marisha

Eugene Udalov 🇷🇺
хочешь сказать, что при такой инициализации у тебя...

Да, если не использовать safe navigation operator ? и "strictPropertyInitialization": true, "strictNullChecks": true *ngIf="form.get('email').invalid && form.get('email').touched Если "strictPropertyInitialization": false, "strictNullChecks": false, тогда можно без safe navigation operator ?

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Да, если не использовать safe navigation operator ...

только что воспроизвел все то, что ты написал. нет ошибки

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Да, если не использовать safe navigation operator ...

ну, единственное, писал через form.controls.email.invalid

0

29.10.2021

Marisha

Eugene Udalov 🇷🇺
ну, единственное, писал через form.controls.email....

Действительно, так нет ошибки с "strictNullChecks": true, а с form.get('email') ошибки есть, если не указывать safe navigation operator ? 🤔 Подскажите, в случае с form.controls каким образом проверять на ошибки? С get делаю так: *ngIf="form.get('email').errors.required Для чего нужно: если пользователь вводит не верный email, тогда выводить сообщение <small *ngIf="form.get('email').errors.email">Введите корректный email</small>. Можно конечно сделать так: <small *ngIf="form.get('email')?.errors?.email">Введите корректный email</small> Но может есть способ с controls?

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Действительно, так нет ошибки с "strictNullChecks"...

да ты прикалываешься походу. вот в случае с form.controls.email.errors там естественно могут быть или не быть разные проперти в errors и поэтому и выдает ошибку. там придется через form.controls.email.errors?.required

0

29.10.2021

Marisha

Eugene Udalov 🇷🇺
да ты прикалываешься походу. вот в случае с form.c...

Спасибо, понятно. Извините, не "прикалываюсь". Только начинаю познавать азы.

0

29.10.2021

Eugene Udalov 🇷🇺

Marisha
Спасибо, понятно. Извините, не "прикалываюсь". Тол...

судя по вопросам, рановато во фреймворк. тут на уровне js недопонимание имеется

0

29.10.2021