将 @Input 的对象传递给 MatTableDataSource Angular Material

Question

如何将我在@Input() data（子组件）中收到的对象传递给dataSource，我这样做的方式不允许接收它。我在此链接中留下了我正在做的事情的示例：

  @Input() data:PeriodicElement[];
  dataSource = new MatTableDataSource<PeriodicElement>(this.data);

  @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;

  constructor() { }

  ngOnInit() {
    this.dataSource.paginator = this.paginator;

    // console.log(this.dataSource)
  }

Answer 1

定义 dataSource 并在 ngOnInit 方法中初始化它

@Input() data:PeriodicElement[];
dataSource = new MatTableDataSource<PeriodicElement>();

 @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;

constructor() { }

ngOnInit() {
  this.dataSource = new MatTableDataSource<PeriodicElement>(this.data);
  this.dataSource.paginator = this.paginator;

  // console.log(this.dataSource)
}