角4動的コンポーネントのロードと親コンポーネントへのデータの送信

Question

カスタムコンポーネントを使用して動的フォーム生成用のpocを作成中です。

私はjson配列に従って動的コンポーネントのセットを使用してフォームを作成できます。今私は、私はちょうど出力を取得する必要があるか、またはこれらのコンポーネントからデータを取得する必要がある1つのインスタンスで立ち往生しているユーザーは、関連する入力を更新している。

私は@outputデコレータとeventEmitterを見ましたが、私はそれから適切な解決策を得ることができませんでした。コミュニティのいずれかが私にいくつかのヘッドアップを与えることができれば大変感謝しています:)

現在の進歩と私のアプローチを見るにはPLUNKERに従ってください。あなたは正しい軌道に乗っている

Answer 1

、二つのアプローチは、ここで使用することができますがあります

（I）サービス

（ⅱ）持つEventEmitterの使用 - 出力デコレータ

をコンポーネントがダイナミックなのですることができます常に購読し、サービスはデータをapp.tsに送り返すことができます。

順序どおりアイデアを得るためには、あなたの例では、このPassing Input while creating Angular 2 Component dynamically using ComponentResolver

で見て、私はサービスaddDynamicコンポーネント方法を変更し、各構成要素に出力イベントを追加し、その意志が

をapp.tsに属し

DEMO