Angular 2：Array.push 无法正常工作

Question

当我将项目推入阵列时，项目被推入但问题是阵列中的所有项目变得与最后推入的项目相同。

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

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

Answer 1

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

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

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

演示 Plunker

Answer 2

你可以这样使用：

Array.push(Object.assign({}, this.utility));

Answer 3

将元素添加到数组时，请使用以下方法。

const element: IEmployee[] = []; //initialize the array
element.push(employee);