javascript - Polymer 的纸张下拉菜单显示未折叠

Question

我正在尝试使用 Polymer 基于 Polymer Starter Kit 1.3 构建一个小型 Web 应用程序，但我立即遇到了问题 - 我正在尝试创建一个包含下拉菜单的元素。我已从 the documentation 复制/粘贴示例但它看起来不像一个下拉菜单，而是一个常规的未折叠的列表框:

这是我的元素模板:

  <template>
    <style>
      :host {
        display: block;
      }

      span {
        @apply(--paper-font-body1);
      }
    </style>
<paper-dropdown-menu label="Dinosaurs">
  <paper-listbox class="dropdown-content" selected="1">
    <paper-item>allosaurus</paper-item>
    <paper-item>brontosaurus</paper-item>
    <paper-item>carcharodontosaurus</paper-item>
    <paper-item>diplodocus</paper-item>
  </paper-listbox>
</paper-dropdown-menu>    
</template>

这是我第一次使用 Polymer(或任何“高级”网站工具包 - 我更像是一个老派的 HTML 和 Javascript 类型的人)，我无法找到我在做什么错误，甚至如何调试。

PSK 1.3 中的 app.js 似乎引用了一个实际上并不存在于主文件中的 bottomContainer，并且在控制台，但在我注释掉任何提到的容器之后，控制台日志现在看起来很干净 - 但下拉菜单仍然无法正确呈现。

任何帮助将不胜感激。

Answer 1

找出问题所在 - elements.html 未加载 paper-drowndown-menu.html 元素。我已经添加了，一切都很好。

polymer 入门套件有点糟糕，因为它在几个不同的方面都不能正常工作，作为它面向的新手，我经常发现自己低头看着深渊，考虑是否要跳下去...