Angular 4动态组件加载和发送数据到父组件

Question

我正在使用自定义组件为动态表单生成创建 poc。

我在一定程度上取得了成功，我可以根据 json 数组使用一组动态组件创建表单。现在我陷入了一种情况，我只需要从这些组件中获取输出，或者更确切地说，用户已经更新了相关输入的数据。

我查看了@output 装饰器和 eventEmitter，但我无法从中得到合适的解决方案。非常感谢社区中的任何人可以给我一些提示:)

请关注PLUNKER查看当前进度和我的做法。

Answer 1

你在正确的轨道上，你可以在这里使用两种方法

(i) 服务

(ii) 使用 eventEmitter - 输出装饰器

由于组件是动态的，您可以随时订阅，并且服务可以将数据发送回 app.ts。

为了得到一个想法，看看这个Passing Input while creating Angular 2 Component dynamically using ComponentResolver

在您的示例中，我修改了服务 addDynamic 组件方法，并将输出事件添加到每个组件，这将属于 app.ts

DEMO