Typescript getter/setter 属性数组返回错误值

Question

在我的组件中，我有一个名为data的数组，我需要在不同的部分设置值。 我在@Input添加了一个名为additionalValues的新数组参数。 现在我需要将新参数中的value与传递给data value连接起来。 这是我的代码：

protected data: any[];
protected additionalValues: any[];

我以这种方式更改了我的代码：

private _data: any[] = [];

get data(): any[] {
    return this._data;
}
set data(value) {
    this._data = value;

    if (this.additionalValues != null && this.additionalValues.length > 0) {
        this._data = [...this.additionalValues, ...value];
    }
}

问题出在哪里？ 当我尝试从data获取值时，我得到的是数组的大小而不是值，当我使用find方法时，我会得到一个错误：

this.data.find(x => ...);

我尝试在 getter 方法中打印_data数组的值，没问题。 我也尝试在 setter 方法的 and 中打印_data但它总是可以的。

Answer 1

我认为唯一缺少的就是在 additionalValues 输入更改时更新您的数据内容：

ngOnChanges(){
    this.data = [] ;
  }

或者等到下一次 setter 调用更新数据。