1. 首页
  2. 问答
  3. 聚合物纸张下拉菜单

聚合物纸张下拉菜单

2015-11-02 112 views
0

我正在尝试使用paper-dropdown-menu。它似乎在Google Chrome上工作，但在Firefox上，下拉菜单不会出现。这仅与Chrome浏览器兼容吗？聚合物纸张下拉菜单

来源

2015-11-02 Subrata Sarkar

+0

你包括Web组件填充工具工作的人吗？旧的浏览器并不完全支持Web组件标准，因此大多数浏览器都需要使用填充功能 –

+0

您是否尝试在Firefox上打开演示页？ – Srik

+0

@Sirk - 是的，该演示适用于Firefox。 –

回答

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>

这里是我

来源

2015-11-03 17:26:11 Srini

+0

谢谢！我会试试这个。但是为什么{{selectedData}}仅在