Angular 6: не может загрузить динамическую форму

Question

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

Как я понимаю, @Viewchild задает свойство fields в моем дочернем компоненте, но не обновляет его при нажатии кнопки для загрузки второй формы.

См. Также метод loadForm в компоненте приложения.

Ошибка: Не удается найти элемент управления с именем: 'userName'

У меня есть рабочий пример в stackbliz.

https://angular -y3n2u9.stackblitz.io

просмотрите журнал консоли, чтобы увидеть сообщение об ошибке

У любого есть идея, почему вторая форма не загружается в мой демоформ-компонент.

Спасибо

Джон

Answer 1

Все примитивные типы передаются по значению.Объекты, массивы и функции также передаются по значению, поэтому обнаружение изменений не запускается при загрузке form2 при попытке перехватить жизненный цикл ngOnChanges.

    ngOnChanges(){
         this.dynamicForm = this.createForm();
    }

Пример: https://stackblitz.com/edit/angular-y3n2u9