鐵列表多選將項目多次添加到選擇中

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
    }
}