Gemeinsames Element in Ionic 2

Question

Ich habe gerade begonnen, mit Ionic herumzuspielen und zu versuchen, zu sehen, wie performat und flexibel es mit gebürtigem verglichen wird.

Einer der Standard-Anwendungsfälle wäre das Hinzufügen einer Symbolleiste mit Schieberegler und Tabs.

Wenn Sie native Android-Entwicklung machen, dann legen Sie normalerweise Seiten in Fragmente und laden dann einfach einen Platzhalter mit einem Fragment neu, während Ihre Symbolleiste und Registerkarten statisch bleiben.

Alle ionischen Beispiele, die ich gesehen habe, implementieren jedoch eine Symbolleiste (navbar) auf jeder Seite, die die Registerkartenansicht öffnet.

Zum Beispiel:

<ion-tabs> 
    <ion-tab [root]="page1" tabIcon="home"></ion-tab> 
    ... 
</ion-tabs> 

Und dann die page1 wären:

<ion-header> 
    <ion-navbar> 
    <ion-title>TITLE</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    Welcome to page 1 
</ion-content> 

Und die ion-header erscheint auf jeder Seite.

Ist es möglich, den Header statisch zu machen, damit ich ihn nicht auf jeder Seite neu implementieren muss? Ich habe versucht, es in der Registerkarte Vorlage hinzufügen, aber das hat nicht funktioniert und versteckte die Ansicht.

Answer 1

Genau wie Sie in this answer sehen können, @mhartington (von Ionic-Team) sagt:

Es gibt keine Möglichkeit, eine globale Ionen navbar zu schaffen, wie dies auf Zweck erfolgt. Der Punkt, eine Navbar für jede Komponente definiert zu haben, ist so , dass wir die Titel, navbar Hintergrundfarbe richtig animieren können (wenn Sie sie ändern) und anderen erforderlichen Eigenschaften animieren.

Und über eine benutzerdefinierte Richtlinie Erstellen von HTML-Code-Ionen-navbar zu vermeiden Duplizieren:

Das wird noch creat Fehler mit, wie angular2 Inhalt Projektion funktioniert. Wir haben einige Probleme, die geöffnet wurden, wenn Leute versuchen, diese und die beste Antwort ist es nicht zu tun.