So verwenden Sie eine andere Symbolleiste für jede Seite mit Polymer App-Elementen

Question

Ich versuche, eine App mit Polymer app elements, basierend auf der polymer-cli Anwendung erstellt mit der app-drawer-template erstellen.

Das Problem, das ich habe, ist, dass ich eine andere app-header in jeder Child-Seite verwenden möchte, aber ich kann nicht scheinen, dass das funktioniert.

Ich habe versucht, die <app-header> in die untergeordneten Seiten zu verschieben, es funktioniert irgendwie, aber die drawer-toggle<paper-icon-button> wird dauerhaft angezeigt.

Gibt es eine Möglichkeit, die App Header-Schublade korrekt von untergeordneten Seiten wechseln?

Answer 1

Werfen Sie einen Blick auf diese: -

https://github.com/PolymerElements/app-layout/issues/255

<iron-pages selected="[[page]]" attr-for-selected="name"> 
 
    ... 
 
    <app-header-layout name="view1"> 
 
    <app-header> 
 
    </app-header> 
 
    <my-view1></my-view1> 
 
    </app-header-layout> 
 
    ... 
 
</iron-pages>