Angular 角度6如何将一个组件中的阵列传递给另一个组件

Angular 角度6如何将一个组件中的阵列传递给另一个组件,angular,Angular,我想从文本框中获取数据,并在表中显示它们。但是文本框在其他组件中,而表格在其他组件中意味着表格是子项,那么我们如何将数据从文本框传递到表格?由于这是两个组件之间的父子关系,您可以在子组件中创建一个@Input属性,并从父组件模板传递它: 大概是这样的: 父组件的模板: <app-table *ngIf="data.length" [data]="data"> </app-table> import { Component, Input } from '@angu

我想从文本框中获取数据,并在表中显示它们。但是文本框在其他组件中,而表格在其他组件中意味着表格是子项,那么我们如何将数据从文本框传递到表格?

由于这是两个组件之间的父子关系,您可以在子组件中创建一个
@Input
属性,并从父组件模板传递它:

大概是这样的:

父组件的模板:

<app-table
  *ngIf="data.length"
  [data]="data">
</app-table>
import { Component, Input } from '@angular/core';

@Component({...})
export class TableComponent {

  @Input() data: any[];

}

这是给你的裁判的一封信

读一下这本书。