聚合物应用程序抽屉打开页面隐藏它

Question

我已经安装了一个新的Polymer Starter Kit,并且有以下代码.

<app-drawer-layout fullbleed>

      <!-- Drawer content -->
        <app-drawer>
          <app-toolbar>

如何在布局加载时关闭app-drawer元素？

如果我在元素上触发.close()应该何时运行？它不适用于准备好的或附加的生命周期回调

但这意味着菜单打开和关闭,我想避免,我真正想要发生的是当页面加载菜单关闭时,

当我从服务器收到一个回调来说用户已经过身份验证然后打电话

this.$.menu.open() // where i've given app-drawer the if of menu

Answer 1

如果除了用户交互之外,无论视口宽度如何都不显示抽屉,您需要做的就是将app-drawer-layout's forceNarrow属性设置为true,如下所示:

<app-drawer-layout fullbleed force-narrow>
  <!-- Content -->
</app-drawer-layout>