1
我有一個紙下拉菜單元素。我如何顯示不同的選定標籤,而不是valueattr所定位的標籤?紙下拉菜單疊加不起作用
<link rel="import" href="components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="components/paper-item/paper-item.html">
<polymer-element name="my-dropdown-element" attributes="selectedModus">
<template>
<paper-dropdown-menu label="Modus" on-core-select="{{modusSelect}}">
<paper-dropdown class="dropdown">
<core-menu class="menu" selected="{{selectedModus}}" valueattr="val">
<template repeat="{{d in data}}">
<paper-item val="{{d.val}}">{{d.text}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
</template>
<script>
Polymer('my-dropdown-element', {
data: [],
ready: function() {
this.data = [];
var entry = {
val: 0,
text: 'Aus'
};
this.data.push(entry);
entry = {
val: 1,
text: 'Ein'
};
this.data.push(entry);
entry = {
val: 2,
text: 'Auto'
};
this.data.push(entry);
entry = {
val: 3,
text: 'Auto (Absenken)'
};
this.data.push(entry);
}
});
</script>
</polymer-element>
當我設置selectedModus = 2
,在打開的下拉列表中突出顯示的項目爲auto
。這是對的。但是在下拉標籤中總是有0,1,2,3,而不是下拉的文本表示。
請幫我
謝謝。
編輯:
我已經刪除了我的項目全部聚合物成分。然後,我通過每個組件的主分支的bower更新了所有依賴關係。
現在正確的標籤顯示在關閉的下拉菜單中。但點擊箭頭,不會打開下拉菜單。我在timinig-utilities.js
中得到一個錯誤,可以追溯到paper-dropdown-transistion.html
行152.
很奇怪。
web-animations-js是1.0.1還是更高版本? (https://github.com/web-animations/web-animations-js/releases/tag/1.0.1) core-animation取決於web-animations-js#1.0.1這應該是我們最新發布的版本已經驗證與Polymer合作。主分支一般處於積極發展狀態,事情可能會意外中斷。 – 2014-12-08 01:23:00
感謝關於主分支的信息。我認爲主分支是目前穩定的分支。 – drindal 2014-12-14 16:42:09