Добавить проверку в дочерний компонент (Реактивные формы)

Question

КОД https://stackblitz.com/edit/angular-yaipfv

В приведенной выше демонстрации я построил реактивную форму с полем ввода внутри дочернего компонента. Я пытаюсь добавить новый элемент управления формы внутри дочернего компонента и проверить его внутри самого компонента. Я получаю следующую ошибку.

Ошибка: невозможно прочитать свойство 'ошибки' из неопределенного

Также заполнитель ввода заполнен

function (control) {   

Я не уверен, что это за ошибка, и она очень новая для Реактивных форм. Вкратце, я пытаюсь сделать следующее:

• Добавление нового элемента управления в родительскую группу форм из дочернего компонента
• Проверка добавленного элемента управления должна выполняться внутри самого дочернего компонента

Answer 1

Я знаю, что трудно изучить весь синтаксис Angular.

Есть несколько изменений, которые вы должны сделать:

1) Конструктор FormControl принимает значение в качестве первого аргумента,

Так что вместо того, чтобы писать:

new FormControl(Validators.required)

вы должны использовать что-то вроде:

new FormControl('', [Validators.required])

2) Чтобы получить доступ к свойству группы форм, вы должны использовать:

formGroup.controls.controlName

или

formGroup.get('controlName')

Разветвленный стек-блиц