Я создал реактивную форму, как показано ниже
this.customerForm = this.fb.group({
"name": ["", Validators.required],
"email": "",
"info": this.fb.group({
"name": ["", Validators.required],
})
})
Я добавил функцию получения для получения элементов управления формы, как показано ниже
get f() { return this.customerForm.controls }
Я отображаю сообщения об ошибках, как показано ниже
<p *ngIf="f.name.errors?.required">Required</p>
Но я не смог отобразить сообщения об ошибках info . Потому что он находится во вложенной группе, поэтому я решил создать еще один геттер для получения элементов управления информационной формы, как показано ниже
get fi() { return this.customerForm.controls.info.controls }
Но это не работает, и я не мог найти, почему он не работает. Может ли кто-нибудь помочь решить эту проблему? Заранее спасибо.