2014-12-06 47 views
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.

很奇怪。

+0

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

+0

感謝關於主分支的信息。我認爲主分支是目前穩定的分支。 – drindal 2014-12-14 16:42:09

回答