聚合物,防止标签变化

时间:2016-09-02 11:49:34

标签: drop-down-menu polymer label

在Polymer项目中,我有下拉菜单,菜单项用作评估弹出菜单的按钮。但是,当我点击项目菜单时,主标签被更改为所选项目(参见图片)。如何在纸张下拉菜单中阻止标签更改为选定的标签。

`                    

<template>
    <iron-ajax auto url={{json_url}} last-response="{{list}}"></iron-ajax>
    <paper-dropdown-menu label="{{title}}" no-animations  >

        <paper-listbox class="dropdown-content" aria-readonly="true">
            <template is="dom-repeat" items="{{list}}" as="v">
                <paper-item style="width: 100px" aria-readonly="true">{{v.name}}</paper-item>
            </template>
        </paper-listbox>
    </paper-dropdown-menu>
</template>

`

Drop down menu, not yet clicked on item. Fixed label needs to be Actions

Clicked on "Add" label got changed from "Actions" to "Add". How to prevent this?

1 个答案:

答案 0 :(得分:0)

经过许多绝望的实验后,我找到了解决方案。重点不要忘记包括

arg2

如果导入以下代码,这也是完整列表。

<link rel="import" href="/bower_components/paper-menu/paper-submenu.html">

这是实际的逻辑

<link rel="import" href="/bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/bower_components/paper-listbox/paper-listbox.html">
<link rel="import" href="/bower_components/paper-item/paper-item.html">
<link rel="import" href="/bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="/bower_components/iron-collapse/iron-collapse.html">
<link rel="import" href="/bower_components/paper-menu/paper-menu.html">
<link rel="import" href="/bower_components/paper-menu/paper-submenu.html">