2行のペーパードロップダウンメニューから最初の項目のみを選択

Question

ポリマー2.0プレビューを使用しています。

<paper-dropdown-menu label="Your devices..." style="margin: 0;"> 
    <paper-listbox slot="dropdown-content" selected="1"> 
     <paper-icon-item> 
      <iron-icon icon="hardware:phone-android" slot="item-icon"></iron-icon> 
      <paper-item-body two-line> 
       <div>PLAY LGE LG-H440n</div> 
       <div secondary>Last sync: Jan 9, 2014</div> 
      </paper-item-body> 
     </paper-icon-item> 
     <paper-icon-item value="PLAY ASUS Nexus7 2012 WIFI"> 
      <iron-icon icon="hardware:tablet-android" slot="item-icon"></iron-icon> 
      <paper-item-body two-line> 
       <div>PLAY ASUS Nexus7 2012 WIFI</div> 
       <div secondary>last sync: Jan 9, 2014</div> 
      </paper-item-body> 
     </paper-icon-item> 
    </paper-listbox> 
</paper-dropdown-menu> 

私はたとえば最初の項目を選択、私が得るものは

PLAY LGE LG-H440nLast同期です： 私はこのような<paper-dropdown-menu>持っている2014年1月9日

を何私は欲しいです

再生LGE LG-H440n

最初の行だけを表示する必要があります。 valueを<paper-icon-item>に設定しようとしましたが、動作しません。自分のコンポーネントを作成せずにどうすればいいですか？それも可能ですか？

Answer 1

わかりました。 paper-dropdown-menu.htmlファイル内docummentationあたりのとおり：

<paper-input 
    type="text" 
    invalid="[[invalid]]" 
    readonly 
    disabled="[[disabled]]" 
    value="[[selectedItemLabel]]" 
    placeholder="[[placeholder]]" 
    error-message="[[errorMessage]]" 
    always-float-label="[[alwaysFloatLabel]]" 
    no-label-float="[[noLabelFloat]]" 
    label="[[label]]"> 

... 

/** 
* The derived "label" of the currently selected item. This value 
* is the `label` property on the selected item if set, or else the 
* trimmed text content of the selected item. 
*/ 
selectedItemLabel: { 
    type: String, 
    notify: true, 
    readOnly: true 
} 

私は私の<paper-icon-item>要素にlabelを設定する必要があります。