Angular 角度父组件侦听子组件中的多个输入

我有一个呈现多个输入的父组件和子组件。每组输入都在一个数组中。我正在循环数组并尝试显示/更新当前值。我正在努力让家长能够读取子组件中的数据。输出

{{f.value | json}}

只显示一组内部没有任何内容的空对象

我已经查看了其他问题中提到的所有

@输出

，但它们似乎都与按钮点击有关。我如何在孩子体内听到多个输入

从'@angular/core'导入{Component，OnInit，Input}；
从“./model/Group”导入{Group}；
@组成部分({
选择器：“应用程序列表项”，
模板：`
姓名：
登录：
地址:
`
})
导出类子组件{
@Input（）组：组；
}

从'@angular/core'导入{Component，OnInit，Input}；
从“./model/Group”导入{Group}；
@组成部分({
选择器：“应用程序组”，
模板：`
{{f.value | json}}
拯救
`
})
导出类ParentComponent{
公共团体:团体【】;；
恩戈尼尼特（）{
这是getGroups（）；
}
getGroups（）：void{
这是一个组=[
{id:1，姓名：“约翰”，登录名：“约翰”，“地址”：“123大街”}，
{id:2，姓名：“马克”，登录名：“马克”，“地址”：“23大街”}，
{id:3，姓名：“詹姆斯”，登录名：“詹姆斯”，“地址”：“44大街”}，
{id:4，姓名：“hayley”，登录名：“hayley”，“地址”：“55大街”}
];
}
}

据我所见。。。ngForm数据结构不识别任何子组件。我假设这就是为什么父级

f.value

看不到数据的原因。我听说一些开发人员成功地将ngForm本身传递给了child，这样它就可以使用它了。我会看看是否能找到一个例子。这里有一篇文章介绍了一种实现这一点的技术：但请注意，它使用的是反应式表单，而不是模板驱动的表单。“…其他问题中提到的所有@output，但它们似乎都与按钮单击有关”-实际上，您可以在任何异步事件中发出输出（setinterval方法中的事件：））。所以在您的例子中，您可以简单地在您的输入上添加`（input）=“…”，并且在这个方法中只向父组件发出一个事件。但是我认为-使用模板驱动的表单对于您的任务来说不是一个好的选择（同意@DeborahK）