如何在聚合物中使用jQuery动态更改数组？

Question

我有一些HTML包含这样

<iron-list is="dom-repeat" items="[[userList]]" as="user"> 
    <paper-checkbox class="styled sizeCheckbox"> 
     <div class="primary">[[user.userName]]</div> 
    </paper-checkbox> 
</iron-list> 

在我的js文件我更新的“用户列表”阵列。

if (event.target.checked) { 
    this.userList.push(event.target.value); 
} else { 
    var index = this.userList.indexOf(event.target.value); 
    this.userList.splice(index, 1); 
} 

正如我更新数组值，它不反映“用户列表”阵列直接价值，如何我们可以出刷新页面更新呢？每聚合物documentation

Answer 1

采用高分子的阵列突变的方法，使以阵列可观察到的变化。 https://www.polymer-project.org/1.0/docs/devguide/model-data#work-with-arrays

请更新您的代码：

if (event.target.checked) { 
    this.push('userList', event.target.value); 
} else { 
    var index = this.userList.indexOf(event.target.value); 
    this.splice('userList', index, 1); 
} 

我希望这Demo可以帮助你。

Answer 2

正如你应该总是喜欢使用的

this.push('userList', data); 

代替

this.userList.push(data);