2016-05-03 5 views
1

Ich versuche, eine Möglichkeit zu finden, die ionische ion-nav-bar zu verstecken, ohne die ion-nav-bar Tasten zu verstecken.
Ich habeIonic verstecken nav-bar nicht die Tasten

versucht
hide-nav-bar="true" 

aber es ist Tasten zu verstecken. Ich habe gesucht und auch this verwiesen, aber nichts hat mein Problem gelöst.
grüße.

Antwort

1

Sie müssen nur angeben, in welchem ​​Zustand die Bar ausblenden möchten, und einige Arten

JS ändern:

$rootScope.$on('$stateChangeStart', function(ev, toState, toParams, fromState, fromParams){ 

    var states = ['tabs.about', 'tabs.contact']; 

    if(states.indexOf(toState.name) > -1) { 
     $rootScope.hideBar=true; 
    } else { 
     $rootScope.hideBar=false; 
    } 
}); 

HTML:

<ion-nav-bar class="bar-positive" ng-class="{ 'make-border-trasparent': hideBar }"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
</ion-nav-bar> 

Bitte nehmen Sie ein schau dir dieses Beispiel an (ich verstecke die Leiste in tabs.about und tabs.contact Staaten)

Codepen

+0

Dank aber es ist eine Sache, die ich vorher schon versucht, und es funktioniert immer noch nicht für mich. Funktioniert das nur auf Tabs, während ich an der Sidemenü-App arbeite? Und noch etwas, ich wollte Nav-bar nicht nur wollen native sidemenu-Funktion verwenden. – Atula

+0

Ich habe das gleiche Beispiel in einer Sidemenü-Anwendung erstellt und anscheinend funktioniert es perfekt: http://codepen.io/anon/pen/JXwGWJ – felipecamposclarke

+0

Ich versuche das. Kannst du dieses Bild überprüfen, können wir diese Art der Ansicht mit Sidemenu-Taste erhalten https://www.dropbox.com/s/27cpnhmgk39403n/Screenshot_2016-05-04-14-28-58.png?dl=0 – Atula

Verwandte Themen