如何在 Polymer 1.6 中仅使用图标菜单打开 app-drawer？

Question

这是我第一次接触 polymer，所以我从 Layout 开始。我使用 polymer-cli 启动 app-drawer-template 样板，然后尝试布局 header（应包括导航和搜索）。

目前默认显示 app-drawer。
How app-drawer currently shows

我希望 app-drawer 仅在移动（窄）视口尺寸中单击菜单图标时显示（open/visible）。我怎样才能做到这一点？

Answer 1

您可以检查 <app-draw-layout> 的 narrow 属性并相应地隐藏 <app-drawer>。

<app-drawer-layout narrow$={{isNarrow}}>
    <app-drawer hidden$="[[!isNarrow]]">

...

properties: {
    isNarrow: Boolean
}

How do I open app-drawer ONLY with icon menu in Polymer 1.6?