Question

我有一个纸张下拉菜单元素。如何显示与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，而不是下拉列表的文本表示。

请帮帮我

感谢。

修改

我已从项目中删除了所有Polymer组件。然后，我通过bower从每个组件的主分支更新了所有依赖项。

现在正确的标签显示在关闭的下拉列表中。但是点击箭头，不会打开下拉菜单。我在timinig-utilities.js中收到错误，可以追溯到paper-dropdown-transistion.html第152行。

很奇怪。

Answer 1

好的，我找到了问题的答案。它似乎是当前核心动画\ web-animations.html中的一个错误。这里提到的变化 https://github.com/zenorocha/core-animation/commit/0d047ce11e5e6b25c02f1d89b2e7aa53588d7316为我工作。

纸张下拉菜单覆盖不起作用

1 个答案: