У меня есть форма с подчиненными формами, использующая ControlValueAccessor
профиль-form.component.ts
form: FormGroup;
this.form = this.formBuilder.group({
firstName: [],
lastName: ["", Validators.maxLength(10)],
email: ["", Validators.required]
});
get lastNameControl() {
return this.form.controls.lastName;
}
initForm() {
...
this.form.patchValue({
firstName: "thompson",
lastName: "vilaaaaaaaaaaaaaaaaaaaa",
email: "[email protected]"
});
...
}
профиль-form.component.html
<label for="last-name">Last Name</label>
<input formControlName="lastName" id="last-name" />
<div *ngIf="lastNameControl.touched && lastNameControl.invalid" class="error">
last name max length is 10
</div>
Проблема:
Исходные данные загружаются в форму, но проверки не запускаются (например: поле Фамилия не проверяется). Я должен коснуться поля, после чего проверка начнет работать.
Как инициировать проверки сразу после выполнения patchValue
.
см. код: https://stackblitz.com/edit/angular-wg5mxz?file=src/app/app.component.ts
Любое предложение приветствуется.