如何将纸菜单(或下拉菜单)中选定的项目绑定到字符串而不是数字？

Question

我有以下代码：

<paper-menu selected="0" class="dropdown-content">
    <paper-item name="KNJN">KNJN</paper-item>
    <paper-item name="GREEN_VIRTEX5">GREEN_VIRTEX5</paper-item>
</paper-menu>
<paper-input type="number" value="{{ settings.someItem }}" label="Some item"></paper-input>

我需要将它绑定到这样的对象：

{
  someItem: Some number,
  someOtherItem: Selected item as string goes there
}

我尝试使用下拉菜单，将selectedItemLabel绑定到对象，但这对我来说没有用：

<paper-dropdown-menu selectedItemLabel="{{settings.boardType}}">
    <paper-menu class="dropdown-content">
        <paper-item name="KNJN">KNJN</paper-item>
        <paper-item name="GREEN_VIRTEX5">GREEN_VIRTEX5</paper-item>
    </paper-menu>
</paper-dropdown-menu>

另外，我也不知道如何在下拉菜单中预选一个项目。

Answer 1

试试这个..。由于菜单使用可选行为，您应该能够使用attr for- selected设置所选内容的来源：

<paper-menu selected="{{settings.someItem}}" attr-for-selected="name" class="dropdown-content">
    <paper-item name="KNJN">KNJN</paper-item>
    <paper-item name="GREEN_VIRTEX5">GREEN_VIRTEX5</paper-item>
</paper-menu>
<paper-input type="string" value="{{settings.someItem}}" label="Some item">
</paper-input>