从两行纸张下拉菜单中选择第一项

问题描述：

我正在使用聚合物2.0预览。我<paper-dropdown-menu>这样的：从两行纸张下拉菜单中选择第一项

<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 LG电子LG-H440nLast同步：2014年1月9日

什么我想要的是

PLAY LGE LG-H440n

我只需要显示第一行。我试图将value设置为<paper-icon-item>，但它不起作用。我怎样才能做到这一点，而不创建我自己的组件？它甚至有可能吗？

答

好的，我明白了。按照docummentation在paper-dropdown-menu.html文件：

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

我需要设置label我<paper-icon-item>元素。

从两行纸张下拉菜单中选择第一项

相关推荐