1. 首頁
  2. 問答
  3. 聚合物紙張下拉菜單

聚合物紙張下拉菜單

2015-11-02 111 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}}僅在