2016-08-23 2 views
0

Es gibt ähnliche Frage, aber nicht genau. Ich habe diese Struktur in einer ionischen App Ansichthide Menü-Taste auf bestimmte Ansicht ohne Navbar verstecken (ionic)

<ion-view> 
<ion-nav-title> 
    <a id="go_to_app" href="#startseite"> 
     <span class="ion-android-exit"></span> 
    </a> 

    <img src="img/logo_header.png"> 

</ion-nav-title> 
<ion-content class="star-wrap"> 
. 
. contents 
. 
</ion-content class="star-wrap"> 

Was ich zu erreichen bin versucht zeigen die ion-android-exit Taste statt der Menü-Taste in dieser speziellen Ansicht.

Ist das möglich?

Antwort

1

Es gab eine (Art) einfach und einfache Möglichkeit, dies zu tun.

Hinzufügen <ion-nav-buttons></ion-nav-buttons> innerhalb <ion-view></ion-view> wird die Menüschaltfläche mit was auch immer ich will, oder verstecken Sie es einfach ohne Inhalt.

0

Sie müssen ng-if wie in Beispiel hier verwenden. http://codepen.io/anon/pen/AXkJGa nachdem der Wert von ng in der Steuerung auf true gesetzt wurde.

Beispiel HTML

<title>Ionic Modal</title> 
    <body ng-controller="State1Ctrl"> 

    <ion-nav-bar> 
    <ion-nav-view> 
     <ion-view> 
     <ion-nav-title> 
      <a id="go_to_app" href="#startseite"> 
     <span class="ion-android-exit" ng-if="!hidethisview"></span> 
    </a> 
     </ion-nav-title> 
     <ion-content> 
      Some super content here! 
     </ion-content> 
     </ion-view> 
    </ion-nav-view> 
     </ion-nav-bar> 

Und JS

angular.module('ionicApp', ['ionic']) 
.controller('State1Ctrl', function($scope, $state) { 
if($state.current.name=="")// you need to have your state name inside quotes 
//this example don't have one 
{ 
    $scope.hidethisview=true; 
} 

}); 
+0

Ich muss das zu der ionischen Navbar hinzufügen, nicht? so dass es sich nur in der Ansicht versteckt, die ich will und der Ion-android-Ausgang umgekehrt ist. – distante

+0

@distante, ja du tust. –