我正在使用自定义组件为动态表单生成创建 poc。
我在某种程度上取得了成功,我可以根据 json 数组使用一组动态组件创建表单。现在我陷入了一种情况,我只需要从这些组件中获取输出,或者更确切地说是用户已经更新相关输入的数据。
我查看了@output 装饰器和 eventEmitter,但我无法从中得到合适的解决方案。非常感谢社区中的任何人可以给我一些提示:)
请关注PLUNKER查看当前进度和我的方法。
我正在使用自定义组件为动态表单生成创建 poc。
我在某种程度上取得了成功,我可以根据 json 数组使用一组动态组件创建表单。现在我陷入了一种情况,我只需要从这些组件中获取输出,或者更确切地说是用户已经更新相关输入的数据。
我查看了@output 装饰器和 eventEmitter,但我无法从中得到合适的解决方案。非常感谢社区中的任何人可以给我一些提示:)
请关注PLUNKER查看当前进度和我的方法。
您走在正确的轨道上,您可以在这里使用两种方法
(一) 服务
(ii) 使用 eventEmitter - 输出装饰器
由于组件是动态的,因此您可以随时订阅,并且服务可以将数据发送回 app.ts。
为了得到一个想法,看看这个Passing Input while creating Angular 2 Component dynamically using ComponentResolver
在您的示例中,我修改了服务addDynamic
组件方法并为每个组件添加了输出事件,这将属于 app.ts