如何在聚合物中使用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);