2016-04-20 5 views
2

Ich möchte Nav-Back-Taste in einem Ion-View erstellen. Ich versuche diesen Code:Nav-Back-Taste nicht in Ion-View-Ion angezeigt

<ion-view view-title="Event details"> 
<ion-nav-back-button class="button-clear"> 
<i class="ion-arrow-left-c"></i> Back 
</ion-nav-back-button> 
<ion-content > 
</ion-content> 
</ion-nav-view> 

Aber ich bekomme den Knopf nicht. Jede Art von Hilfe wird geschätzt.

Antwort

5

Die Schaltfläche Zurück wird nicht angezeigt, wenn keine Historie vorhanden ist. Der Verlauf wird gelöscht, wenn die Seite oder App aktualisiert wird. Dies ist sehr häufig bei der Entwicklung in einem Browser. Dies ist jedoch in einem Gerät nicht der Fall, da Sie die App nicht aktualisieren können.

Erste Wege-Taste

in index.html

<body ng-app="starter" ng-controller="AppCtrl" class=""> 
    <ion-nav-bar id="mainNav" class="bar-dark"> 
     <ion-nav-back-button class="button-clear"> 
      <i class="icon ion-ios-arrow-back"></i> 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <ion-nav-view animation="slide-left-right" class="scFont appFontSmall"></ion-nav-view> 
    </body> 

Zweiten Weg zu zeigen, zurück Taste, um wieder ist es mit dem eigenen zu behandeln. index.html kann denselben Code wie oben haben. aber eine Ansicht wird so etwas wie dieses haben

<ion-view view-title="Title" hide-back-button="true"> 
     <ion-nav-buttons side="left"> 
      <a ng-click="goBackState()" class="button button-icon icon ion-ios-arrow-back"></a> 
     </ion-nav-buttons> 
     <ion-content> 
     </ion-content 
</ion-view> 

Die goBackState() ist eine Funktion, die Sie vielleicht in Ihrem app.run Funktion

$rootScope.goBackState = function(){ 
    $ionicViewSwitcher.nextDirection('back'); 
    $ionicHistory.goBack(); 
} 

Aber denken Sie daran diese Funktion vergeben möchten auch nicht, wenn Es gibt keine Geschichte. Hoffe, das hilft

+0

Ich realllyy thaank youuu es funktioniert perfekt danke sehr sehr –