@输入设置器未更新视图数据

Question

在我的angular 6应用程序中，我从存储选择器获取数据，存储选择器反过来使用effect从API获取数据，从父级，我将该数据作为异步管道注入子组件，如下所示：

<chart-data 
[tableData]="data | async">
>

  public chartData: any[];
  // input setter
 @Input() set tableData(
    value: tableData[];
  ) {
    if (value.length > 0) {
      this.chartData = value;
    }
  }

子组件模板

{{tableData | json}}
<section class="chart-container" *ngIf="chartData?.length > 0">
    <div>
     {{chartData| json}}
    </div>
    </section>

Answer 1

问题是对象是一个数组，你需要改变数组的引用才能重新触发 setter。

Answer 2

百米..我不使用带有@ Input decorators的setters。也许可以尝试使用ngOnChanges生命周期挂钩。

@Input tableData;

ngOnChanges(changes: SimpleChanges): void {
    if (changes.tableData?.length) {
        this.chartData = this.tableData;
    }
}