javascript - Angular 2 : Array. 推送无法正常工作

Question

当我将项目插入数组时，项目被插入但问题是数组中的所有项目都与最后插入的项目相同。

pushspecification() {
        this.specificationSaveDetailList.push(this.specificationsaveDetail);
    }

这是插件代码:plunker_Code
在这个 plunker 示例中，我从下拉列表中选择项目并提供描述，然后单击添加按钮，表中填充了数组项目。

Answer 1

因为您正在绑定(bind)推送同一个对象及其对数组元素的引用。因此，当您更新 specificationsaveDetail 对象引用时，它会更新数组的所有元素，因为它们是同一元素的引用。

要使其工作，您必须创建一个新的对象副本并将其放入数组中。同样，您可以使用 Object.assign

pushspecification() {
    this.specificationSaveDetailList.push(Object.assign({}, this.specificationsaveDetail));
}

Demo Plunker