使用函数返回作为值绑定会导致无限循环

Question

我正在使用针对角（https://ng.ant.design/）的蚂蚁设计，并通过电子方式来构建我的应用。 当我使用表组件时，任何尝试将表数据绑定到函数的尝试都会返回，该函数被称为无穷大时间，并导致应用程序无响应并死亡。

component.html：

<nz-table [nzData]="getData()"></nz-table>

component.ts

constructor(private service: TableService){
}

getData(){
  return this.service.tableData.filter(data => data.value === 0)
}

service.ts

tableData: any[] = [];
constructor(private zone: NgZone){
  setInterval(() => {
    // calculate data
    this.zone.run(() => {
      this.tableData = data;
    });
  }, 1000);
}