paper-listbox, 当设置 selected 为一个 id (int) 时不会 select 具有相同值的输入

Question

我有一个纸质列表框，里面有纸质项目。

我将 selected 设置为对象的 ID，在本例中为 2。（这不是索引）。

似乎 select 具有该值的项目。

列表框的实现有什么问题吗？

这是我的样本

<paper-dropdown-menu label="Type" no-animations="true" >
  <paper-listbox id="paperListbox" class="dropdown-content" selected="{{type}}">
    <paper-item value="1">Internal</paper-item>
    <paper-item value="2">External</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

因此，{{type}} 将设置为 2，但它不会 select 第二项。我该如何解决？

Answer 1

selected 是用于 selection 的正确项目，但要正确覆盖它，这样它就不会使用子项目的索引，您需要利用属性：attrForSelected 如果您使用的是聚合物，或者 attr-for-selected 用于聚合物飞镖。

这样，您可以将其设置为 select 基于说：值通过说

attr-for-selected="value"

然后它将用于 selection。

以下是更新后的标记。

<paper-dropdown-menu label="Type" no-animations="true" >
  <paper-listbox id="paperListbox" class="dropdown-content" attr-for-selected="value" selected="{{type}}">
    <paper-item value="1">Internal</paper-item>
    <paper-item value="2">External</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

paper-listbox, 当设置 selected 为一个 id (int) 时不会 select 具有相同值的输入

paper-listbox, when setting the selected to an id (int) will not select the input with the same value

polymer

paper-elements

polymer-1.0