聚合物：所选项目未显示在纸张列表框中答案

【问题标题】：Polymer: selected item not showing up in paper-listbox聚合物：所选项目未显示在纸张列表框中
【发布时间】：2017-03-27 18:47:06
【问题描述】：

我正在寻找一种从纸质列表框中的下拉列表中正确选择元素的方法。使用此代码，我无法选择下拉列表中的一个元素。该元素出现在下拉列表中，但在单击时不显示为选定元素。

代码如下：

`<paper-dropdown-menu>
  <paper-listbox class="dropdown-content" attr-for-selected="value" selected="{{myElem}}">
    <template is="dom-repeat" items="[[myElems]]">
      <paper-item value="[[item.name]]">[[item.name]]</paper-item>
    </template>
  </paper-listbox>
</paper-dropdown-menu>`

{{myElem}} 的值为“aaa-bbb”。（通过对 paper-listbox 元素执行 $0.selected 获得此值）。

[[item.name]] 的值为“aaa-bbb”。（通过对 paper-item 元素执行 $0.value 来获得此值）。

myElems 的值只是一个数组，包含一个元素。

【问题讨论】：

你的方法应该有效。您是否导入了所有依赖项，包括 paper-item.html？这是一个有效的plunk。
是的，我做到了 :) 但是谢谢

标签： javascript polymer dropdown

【解决方案1】：

尝试使用paper-dropdown-menu 元素的selectedItem 属性。

这是我的代码。通知_itemSelected监听器：

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../bower_components/paper-listbox/paper-listbox.html">
<link rel="import" href="../bower_components/paper-item/paper-item.html">

<dom-module id="stackoverflow-43054191">
  <template>

      <paper-dropdown-menu id="dropdown">
        <paper-listbox class="dropdown-content" attr-for-selected="value" selected="{{myElem}}">
          <template is="dom-repeat" items="[[myElems]]">
            <paper-item value="[[item.name]]">[[item.name]]</paper-item>
          </template>
        </paper-listbox>
      </paper-dropdown-menu>

  </template>

  <script>
    Polymer({
      is: 'stackoverflow-43054191',

      properties: {

        myElems: {
          type: Array,
          value: [{'name': 'aaa-bbb'}]
        }

      },

      listeners: {
        'iron-select': '_itemSelected'
      },

      _itemSelected() {
        var which = this.$.dropdown.selectedItem.textContent;
        console.log(which); //"aaa-bbb" when it's selected
      }

    });
  </script>

【讨论】：