聚合物核心子菜单不显示子菜单，只显示其项目

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

本文关键字：显示 菜单 项目 核心 聚合物      更新时间：2023-09-26

我正在尝试使用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>

在我的情况下，只有子菜单的项目显示，即子菜单条目及其图标丢失，并且我无法通过子菜单项获得标签。在这种情况下，所选变量为0，这是合乎逻辑的，但没有帮助。。。我的浏览器是Chrome 40.x，这在兼容性方面应该足够了。

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

<link rel="import" href="//www.polymer-project.org/components/core-elements/core-elements.html">
相关文章：