聚合物防止数据绑定

Question

数据绑定很好，很好。但是这一次它妨碍了我。

我有一个默认的users 数组，我在我的页面上的每个item 中插入它。这个想法是每个item 都有一个用于每个user 的复选框。

目前我像这样创建我的emptyUsers-item：

for(var i = 0; i < this.users.length; i++){
    this.emptyUsers.push({"id": this.users[i].id, "set": false});
}

_{注意：this.users 来自数据库}

然后我将此数组推送到页面上的每个项目

item = {"id": data[i].itemId, "text": data[i].text, "users": this.emptyUsers};

_{注意：data 来自数据库}

现在的问题是，当我更改项目中一个用户的set-属性时，该用户的所有项目的set-属性都会更改。我认为这是由于我使用push() 将用户插入到项目中，因此数据绑定在某处播放。确实是这样，我该如何防止这种行为？

Answer 1

发生这种情况是因为您为每个对象提供了一个对emptyUsers 数组的引用。如果每个对象从一开始就应该有自己的数组，您可以在首次绑定数据时通过在emptyUsers 上调用slice() 创建一个副本。这只会创建一个浅拷贝；如果您需要每个对象在数组中也有自己的元素副本，您应该搜索“js array deep copy”：

item = {"id": data[i].itemId, "text": data[i].text, "users": this.emptyUsers.slice()};