Polymer的纸张下拉菜单显示未收缩

Question

我正在尝试使用Polymer构建一个基于Polymer Starter Kit 1.3的小型Web应用程序，并且我立即遇到了问题 - 我试图创建一个包含的元素下拉菜单。我已经从the documentation复制/粘贴了示例，但它看起来像是一个普通的未崩溃的listbox：

这是我的元素模板：

  <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（或任何＆＃34;高级＆＃34;网站工具包 - 我更多的是旧学校HTML和Javascript类型的人）而且我还没有能够找出我做错了什么甚至如何调试它。

PSK 1.3中的app.js似乎引用了主文件中实际不存在的bottomContainer，并且在控制台中产生了很多警告，但在我评论之后对于所述容器的任何提及，控制台日志现在看起来很干净 - 但下拉仍然无法正确呈现。

任何帮助将不胜感激。

Answer 1

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

聚合物入门套件有点不好，因为它不能在几个不同的方面正常工作，而且面向新手，我经常发现自己低头看着深渊并考虑是否要跳...

Answer 2

您只需要导入paper-dropdown-menu.html和paper-item.html

这样的事情：

<link rel="import" href="/bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/bower_components/paper-item/paper-item.html">

请根据您的项目结构确保文件的路径正确。