聚合物防止数据绑定

Question

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

我有一个默认的user数组， user在页面的每个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中的一个用户的-attribute中的一个项目，该set -attribute得到改变所有项目的该用户。 我认为这是由于数据绑定进入了某个地方，因为我使用push()将用户插入到项目中。 确实是这样吗，我该如何防止这种行为？

Answer 1

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

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