父组件和子组件之间交换数据

【问题标题】：Exchange data between parent component and child component父组件和子组件之间交换数据
【发布时间】：2017-09-07 22:19:01
【问题描述】：

将对象数组从父组件传递到子组件（子组件将嵌套在父组件中）的最佳方式是什么？

将数组传递给子组件后，我必须对其进行处理以提取信息并显示在视图中（因此我必须在显示之前处理子组件中接收到的数据）。

【问题讨论】：

您是否在文档中阅读过whole page，或者在 SO 上寻找其他类似的问题？
为此使用@Input。请记住在父项中初始化数组（为空），以便在子标记中传递数组时不会未定义。由于您需要在显示之前处理孩子中的数组，因此可能需要在视图中使用安全导航运算符。作为旁注，请始终共享代码以澄清您的问题，以便能够获得一些体面的答案以及不会得到一堆反对票；）
完美，有效。如果我想传递多个对象？
@MaurizioRizzo 传递多个对象 - 你能详细说明一下吗？

【解决方案1】：

只需将其作为输入传递：

<child [data]="myArray"></child>

儿童班：

export class ChildComponent {
  @Input() data: any[];
}

这将使您能够通过this.data 访问ChildComponent 中的数据。要对数据更改做出反应，您可以使用 ngOnChanges 或使用 set 和 get 方法。

【讨论】：