聚合物纸下拉菜单 [英] Polymer paper-dropdown-menu

问题描述

我正在尝试使用paper-dropdown-menu.它似乎可以在Google Chrome上运行，但在Firefox上却没有出现下拉菜单.这仅与Chrome浏览器兼容吗?

I am trying with paper-dropdown-menu. It seems to be working on Google Chrome but on Firefox the dropdown menu is not coming up. Is this only compatible with Chrome browser?

推荐答案

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="cc-dropdown">
  <template>
    {{selectedData}}
    <paper-dropdown-menu label="Environment">
      <paper-menu class="dropdown-content" attr-for-selected="value" selected="{{selectedData}}">
        <template is="dom-repeat" items="{{data}}">
          <paper-item value="{{item}}">{{item}}</paper-item>
        </template>
      </paper-menu>
    </paper-dropdown-menu>
  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'cc-dropdown',

        properties: {
          data: {
            type: Array,
            value: ["Stage", "Prod"],
            notify: true
          },
          selectedData: {
            type: String,
            value: "Stage",
            notify: true
          }
        }
      });
    })();
  </script>

</dom-module>

这是最适合我的人

这篇关于聚合物纸下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！