Angular 4 Динамическая загрузка компонентов и отправка данных в родительский компонент

Я нахожусь в процессе создания poc для создания динамической формы с использованием пользовательских компонентов.

Мне в какой-то степени удалось создать форму, используя набор динамических компонентов в соответствии с массивом json. Теперь я застрял в одном случае, когда мне просто нужно получить вывод или, скорее, данные из этих компонентов, которые пользователь обновил соответствующие входы.

Я посмотрел на декоратор @output и eventEmitter, но не смог найти из него правильного решения. Очень признателен, если кто-нибудь в сообществе может дать мне немного информации :)

следуйте PLUNKER, чтобы увидеть текущий прогресс и мой подход.


angular components output angular4-forms dynamic-ui
person Dark99    schedule 18.10.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы на правильном пути. Здесь можно использовать два подхода.

(и) Обслуживание

(ii) Использование eventEmitter — выходного декоратора

Поскольку компоненты являются динамическими, вы всегда можете подписаться, и служба может отправить данные обратно в app.ts.

Чтобы получить представление, взгляните на этот Passing Input while creating Angular 2 Component dynamically using ComponentResolver

В вашем примере я изменил метод компонента службы addDynamic и добавил выходные события к каждому компоненту, который будет принадлежать app.ts

DEMO

person Sajeetharan    schedule 20.10.2017