我有一个纸质下拉菜单元素。如何显示与 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
中遇到错误,可以追溯到第 152 行paper-dropdown-transistion.html
错误。
很奇怪。
我已经找到了问题的答案。这似乎是当前核心动画\网络动画.html中的一个错误。这里提到的变化https://github.com/zenorocha/core-animation/commit/0d047ce11e5e6b25c02f1d89b2e7aa53588d7316 为我工作。