Question

我正在尝试使用Polymer 0.5.5及其核心功能。当我尝试使用与某些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的项目，即缺少子菜单条目及其图标，我无法通过SubMenuItem获取标签。在这种情况下，所选变量为0，这是合乎逻辑的，但没有帮助...... 我的浏览器是Chrome 40.x，在兼容性方面应该足够了。

Answer 1

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

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

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

1 个答案: