我正在嘗試使用paper-dropdown-menu
。它似乎在Google Chrome上工作,但在Firefox上,下拉菜單不會出現。這僅與Chrome瀏覽器兼容嗎?聚合物紙張下拉菜單
0
A
回答
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>
這裏是我
+0
謝謝!我會試試這個。但是爲什麼{{selectedData}}僅在開始標記之下?這有什麼特別的意義嗎? –
+0
我明白爲什麼{{selectedData}}在那裏。您的解決方案完美運作謝謝! –
相關問題
- 1. 如何使聚合物中的紙張菜單按鈕下拉菜單透明?
- 2. 可以使用ngControl綁定聚合物紙張下拉菜單嗎?
- 3. 聚合物1.0 - 如何在屏幕上保持紙張下拉菜單?
- 4. 聚合物紙下拉菜單不覆蓋鐵列表
- 5. 聚合物紙質菜單按鈕下拉不起作用
- 6. 紙下拉菜單中:誤差聚合物2.0
- 7. 與Angular2的聚合物紙菜單
- 8. 我得到0而不是空的字符串在聚合物的紙張下拉菜單(核心菜單)
- 9. 防止多選擇紙張下拉菜單中的菜單關閉。聚合物1.0
- 10. 清除紙張下拉菜單的值
- 11. 指示需要紙張下拉菜單
- 12. 聚合物1.0:我如何單獨設置紙張下拉框的寬度?
- 13. 風格紙張輸入聚合物1.0
- 14. 聚合物1.0紙張大小調整
- 15. 聚合物2:紙張輸入
- 16. 聚合物紙張按鈕不呈現
- 17. 聚合物獲取紙張輸入值
- 18. 聚合物 - 右對齊紙張標籤
- 19. 聚合物2;紙張不可見
- 20. 驗證聚合物紙張元素
- 21. 聚合物2:紙下拉菜單選擇事件沒有觸發
- 22. 聚合物:在紙張項下嵌套紙張輸入禁用空格鍵
- 23. 如何從聚合物紙菜單中刪除菜單選項
- 24. 帶紙張圖標按鈕觸發器的聚合物鐵下拉桿
- 25. 聚合物:在紙張按鈕按下「確定」後,獲取紙張對話框中的紙張輸入值
- 26. 聚合物紙對話與紙張輸入floatingLabel動畫
- 27. 紙張下拉菜單中的紙張輸入未正確對焦
- 28. 如何標籤聚焦紙張鈕釦聚合物?
- 29. tiinymce下拉菜單點擊聚合物對話框時點擊
- 30. 如何樣式聚合物下拉菜單箭頭
你包括Web組件填充工具工作的人嗎?舊的瀏覽器並不完全支持Web組件標準,因此大多數瀏覽器都需要使用填充功能 –
您是否嘗試在Firefox上打開演示頁? – Srik
@Sirk - 是的,該演示適用於Firefox。 –