Javascript 铁名单多选将项目多次添加到选择中

我有一个启用了

多选功能的
铁名单
，我的问题是，每次单击时，
[[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>


[[项目名称]]
[[item.bdate]]

这里可能有什么问题？
问题是：

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

应该是：

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

我想还需要更多的信息，一把小提琴也不错。请澄清它正在做什么以及你认为它应该做什么。