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

我已经安装了一个新的聚合物入门工具包，并具有下面的代码。聚合物应用程序抽屉打开隐藏的页面

<app-drawer-layout fullbleed> 

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

如何在布局加载时关闭应用程序抽屉元素？

如果我触发.close（）的元素，当我应该运行这个？它不会准备或attatched生命周期回调

但是，这将意味着菜单打开和关闭，我想，以避免上班，当页面载入菜单我真的希望发生的是被关闭，

时，我得到一个回调从服务器到说用户进行身份验证，然后调用

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

来源

2016-06-14 Dale Snowdon

如果你想要的是，除非用户进行交互，以未无论视口宽度显示的抽屉，一个LL你需要做的就是将app-drawer-layout的forceNarrow属性设置为true这样的：

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

来源

2016-06-14 21:02:23 Alan

我假设这是一个后续行动：Polymer 1.0 App-Drawer - Uncaught TypeError when not rendered via dom-if

考虑：

<app-drawer-layout id="layout" fullbleed> 
    <app-drawer id="drawer"> 
    ... 
    </app-drawer> 
</<app-drawer-layout>

您可以使用观察者设置<app-drawer>.hidden财产，然后<app-drawer-layout>.resetLayout()基于新值signedIn，使用观察员：

Polymer({ 
    ... 
    properties : { 
    signedIn: { 
     type: Boolean, 
     value: false, 
     observer: '_signedInChanged' 
    } 
    }, 
    _signedInChanged: function(signedIn) { 
     this.$.drawer.hidden = !signedIn; 
     this.$.layout.resetLayout(); 
    } 
);

^codepen

来源

2016-06-15 00:53:32 tony19

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

回答

相关问题