ポリマー：選択したアイテムがペーパーリストボックスに表示されない

Question

ペーパーリストボックスのドロップダウンから要素を正しく選択する方法を探しています。このコードでは、ドロップダウンにある1つの要素を選択できません。要素はドロップダウンに表示されますが、クリックすると選択した要素として表示されません。ここ

コードである：

`<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"です。 （ペーパーアイテム要素で$ 0.valueを実行してこの値を得ました）。

myElemsの値は、単純に1つの要素を含む配列です。

Answer 1

selectedItem属性で試してください。paper-dropdown-menu要素です。

ここに私のコードです。あなたのアプローチは動作するはず

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