更新一系列对象内的对象属性

Question

我正在尝试使用儿童组件中的EventEmitter在数组内部的对象中更新属性。

interface productItem {
  keepOpen: boolean;
}

products$:productItem[] = Array(7).fill(
    {
      keepOpen:false
    }
  )

当用户单击按钮时，我正在使用此功能：

shouldKeepAddToBagOpen(dataFromChild: boolean, index: number): void {
    // handle callback
    this.keepAddToBagOpen = dataFromChild;
    this.products$[index].keepOpen = dataFromChild;
 
  }

但是它会影响数组中的所有项目，而不仅仅是具有给定 index 的一个功能：

我在做什么错？

Answer 1

当Array.fill通过一个对象时，它将复制引用并用对该对象的引用填充数组。

您可以使用以下内容：

 products = Array.from({length:7},()=> ({'keepOpen':false}))