Question

我正在使用聚合物2.0预览版。我有Source这样的话：

<paper-dropdown-menu>

当我选择第一项时，我得到的是

PLAY LGE LG-H440n最后同步：2014年1月9日

我想要的是

PLAY LGE LG-H440n

我只需要显示第一行。我尝试将<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>设置为value，但它不起作用。如何在不创建自己的组件的情况下完成？它甚至可能吗？

Answer 1

好的，我已经知道了。根据{{1}}文件中的文档：

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

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

1 个答案: