聚合物應用程序抽屜打開隱藏的頁面

我已經安裝了一個新的聚合物入門工具包，並具有下面的代碼。聚合物應用程序抽屜打開隱藏的頁面

<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

聚合物應用程序抽屜打開隱藏的頁面

回答

相關問題