polymer - paper-listbox，当将selected设置为id(int)时，不会选择具有相同值的input

Question

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

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

它似乎没有选择具有该值的项目。

我在执行列表框时做错了什么吗？

这是我的例子

<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，但不会选择第二项。我该如何解决？

Answer 1

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

这样，您可以将其设置为基于说的选择:值 通过说

attr-for-selected="value"

然后它将使用它来进行选择。

下面是更新的标记。

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