聚合物2铁选择器选择的元素在dom更改元素顺序后不会更新

Question

我有一个组件，它有4个实例。

用户点击数字2，选择了产品B。

当重新订购dom时，稍后他选择另一个选项后，对这4个卡组件砖实例进行了重新订购（因为价格变动，因此流程中会自动发生）...都很好...除了所选元素（编号为2）移至位置1的事实。

并且...继续选择第二个元素而不是产品B！

用户界面显示选定的产品D。

似乎聚合物2在重涂DOM时以某种方式忽略了此选定的属性。如何避免这种情况？

<iron-selector id="something-semantic" attr-for-selected="value" selected={{value}}>
    <template is="dom-repeat" items="[[filteredProductsCategories]]" as="productCategory" id="productTypes">
        <div class="card-brick" value="[[productCat.id]]" tabindex="1" on-keyup="_selectCategory">
        </div>
    </template>
</iron-selector>
选择将按照DOM顺序坚持到先前选择的元素。我如何使此选定值也能更新域名更改？

任何克服这个问题的建议？用户可能会感到困惑。

我有一个组件，它有4个实例。用户单击数字2，选择了产品B。当对dom进行重新排序时，稍后他选择另一个选项后，组件卡的这4个实例-...

Answer 1

问题是dom-repeat不会重建内部元素，因为这将是一项繁重的操作。它只是为子元素分配新值，这意味着铁选择器不知道内容已更改。在示例中，您选择了第二个元素，并且在重新排序之后，它仍然是选择的第二个元素。