从子组件获取数据到父组件

Question

我有一个关于动态组件渲染的问题。我有一个Parent component和一个Child component。在child component template有文本字段，用户可以输入值。在那里，我也有一个提交按钮，提交按钮的功能在Parent Component中声明。

我现在的问题是当我点击提交按钮时，我无法获得用户在Child Component Template中输入的值。我必须从child获取最新数据到parent。我真的不知道如何解决这个问题，我看过@output，但仍然阅读关于它的教程。你有什么想法如何实现这一目标？

Answer 1

基本上，子组件将输出/发出一个事件与数据和父组件将订阅/收听事件（基本上是一个Pub/Sub模型）。这可以通过Angular2中的EventEmitter来实现。请参阅此link也是这个one。