アイアンリストの複数選択で選択項目に何度も項目が追加される

Question

multi-selection有効 - iron-listあり、クリックすると項目を選択/選択解除するのではなく、[[children]]のクリックされた要素がクリックごとに{{selectedChildren}}に追加されます。

<iron-list items="[[children]]" selected-items="{{selectedChildren}}" selection-enabled multi-selection> 
    <template> 
     <div class$="[[iconForItem(selected, item)]]"> 
      <iron-image class="avatar" sizing="contain" src="[[item.pic]]"></iron-image> 
      <div class="pad"> 
       <div class="primary" th:inline="none">[[item.name]]</div> 
       <div class="secondary dim" th:inline="none">[[item.bdate]]</div> 
       <div><paper-textarea value="{{item.comment}}" on-tap="noFoc"></paper-textarea></div> 
      </div> 
     </div> 
    </template> 
</iron-list> 

ここで問題が発生する可能性はありますか？

Answer 1

問題があった。

properties: { 
    selectedChildren: { 
     type: Array, // bad idea 
     value: [] // bad idea 
    } 
} 

は、それは次のようになります。

は

properties: { 
    selectedChildren: { 
     type: Object // This works 
    } 
}