聚合物核心子菜单不显示子菜单但仅显示其项目

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>

在我的例子中，只有子菜单的项目显示出来，即子菜单条目及其图标丢失，我无法通过 SubMenuItem 获取标签。在这种情况下，所选变量为 0，这是合乎逻辑的，但无济于事...... 我的浏览器是Chrome40.x，兼容性应该够用了

Answer 1

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

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

聚合物核心子菜单不显示子菜单但仅显示其项目

Polymer core-submenu not showing the submenu but only its items

html

javascript

submenu

polymer