jQueryを使ってポリマーで動的に配列を変更する方法は？

Question

私はいくつかのHTMLを持っているが、私は、「ユーザーリスト」の配列を更新しています、私のjsファイルでこの

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

のように含まれています。

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

私は、配列に値を更新したように、我々はページの更新でそれを更新することができますどのように、直接「ユーザリスト」配列の値を反映していませんか？

Answer 1

使用ポリマーの配列の変異方法の

this.push('userList', data); 

を使用することを好む必要があります。私はこのDemoはあなたを助けることができる希望

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

： https://www.polymer-project.org/1.0/docs/devguide/model-data#work-with-arrays

コードを更新してください。

Answer 2

ポリマーdocumentationあたりとして、あなたは常に代わりにアレイに観察可能な変更を加えること

this.userList.push(data);