2014-07-08 15 views
6

Ich bin ganz neu bei Ionic, und dies ist mein erstes Projekt. Ich erstelle eine kleine App mit Tab-Navigation im unteren Bereich.AngularJS und Ionic. Tasten in der Kopfzeile, Registerkartenansicht

Eine Tab-Ansicht sieht wie folgt aus:

<ion-view title="Account"> 
    <ion-content class="has-header padding"> 
    <h1>Account</h1> 
    </ion-content> 
</ion-view> 

ich einen Knopf in der Kopfzeile neben Konto hinzufügen möchten, und nach Dokumentation verwenden Sie die Ion-nav-Bar-Elemente, aber keine Taste zeigt nach oben wenn ich das versuche. Kann mir jemand einen Hinweis geben, wie man Schaltflächen in der Kopfzeile in einer Tab-Ansicht hinzufügt?

Antwort

20

Sie können den Einsatz von Ionen nav-Taste wie folgt machen:

<ion-view title="Account"> 
    <ion-nav-buttons side="left"> 
     <button class="button" ng-click="doSomething()"> 
     I'm a button on the left of the navbar! 
     </button> 
    </ion-nav-buttons> 
    <ion-content class="has-header padding"> 
    <h1>Account</h1> 
    </ion-content> 
</ion-view> 

Example 1 Example 2

+1

Danke .....! – user1121487

+0

Wissen Sie, warum es zuerst erscheint, nachdem alle Seiteninhalte geladen wurden? – user1121487

+0

die Codepen Beispiele? – V31

Verwandte Themen