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>

我需要像这样将它绑定到Object：

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

如何将纸质菜单（或下拉菜单）中的选定项目绑定到String而不是Number？

1 个答案: