Polymer core-submenu 不显示子菜单，但仅显示其项目

Question

我正在尝试使用 Polymer 0.5.5 及其核心功能。当我尝试将 Menu 与一些 SubMenu 混合使用时，输出不是我所期望的。查看示例源代码：

<core-menu selected="{{Selected}}" selectedItem={{MenuItem}}>
  <core-submenu icon="print" label="Printer" selectedItem={{SubMenuItem}}>
    <core-item label="Printer Papers"></core-item>
    <core-item label="Printer Networks"></core-item>
  </core-submenu>
  <core-item icon="cloud" label="HotFolder"></core-item>
  <core-item icon="settings" label="Settings"></core-item>
</core-menu>

在我的情况下，只有 subMenu 的项目显示，即 Submenu 条目及其图标丢失，我无法通过 SubMenuItem 获取标签。在这种情况下，所选变量为 0，这是合乎逻辑的，但无济于事...... 我的浏览器是 Chrome 40.x，在兼容性方面应该足够了。

Answer 1

您错过了 core-submenu 元素的导入。尝试导入核心元素，它在我的一个测试中起作用。在您的文档中应该是这样的：

<link rel="import" href="//www.polymer-project.org/components/core-elements/core-elements.html">