聚合物纸下拉菜单

时间:2015-11-02 15:56:43

标签: polymer-1.0 paper-elements

我正在尝试使用paper-dropdown-menu。它似乎在谷歌Chrome上工作,但在Firefox上,下拉菜单不会出现。这只与Chrome浏览器兼容吗?

1 个答案:

答案 0 :(得分:1)



<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>
&#13;
&#13;
&#13;

这是适合我的那个