2017-04-15 3 views
1

Guten Tag, Ich habe lange an meinem Projekt gearbeitet, und mir ist aufgefallen, dass etwas nicht funktioniert. Das ist meine Konfiguration.ion-nav-back-button funktioniert nicht in ionic v1

.state('login', { 
    url: '/login', 
    templateUrl: 'templates/auth/login.html', 
    controller: 'AuthCtrl as auth' 
}) 

.state('signup', { 
    url: '/signup', 
    templateUrl: 'templates/auth/signup.html', 
    controller: 'AuthCtrl as auth' 
}) 

und ich habe diese Schaltfläche auf meine login.html

<button class="button button-block button-balanced button-small" ng-click="auth.goToSignUp()">Signup</button> 

, die auf die Anmeldeseite navigiert. Das Problem ist, dass, wenn ich auf meine signup.html, drücken Sie die Ion-Nav-Back-Taste nicht zurück auf die Anmeldeseite gehen. Ich habe versucht, nach einigen Lösungen zu suchen, aber bisher hat keine davon mein Problem gelöst. Ihre Hilfe wird sehr

+0

was auf der Ihr Code Klicken Sie für die Funktion auth.goToSignup()? – HardikDG

+0

@HardikDG $ state.go ('Anmeldung'); – markhamknight

+0

sollte es dann funktionieren, sonst können Sie mit $ ionicHistory versuchen, wenn es für Sie funktioniert – HardikDG

Antwort

0

geschätzt Sie das nav-Back-Taste als zeigen in der ionic docs mit $ state.go

Empfohlene Markup für Standardeinstellungen festlegen:

<ion-nav-bar> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
</ion-nav-bar> 

Mit benutzerdefinierten Innen Markup und fügt automatisch eine Standard-Klick-Aktion:

<ion-nav-bar> 
    <ion-nav-back-button class="button-clear"> 
    <i class="ion-arrow-left-c"></i> Back 
    </ion-nav-back-button> 
</ion-nav-bar> 

Wenn die oben nicht für Sie arbeiten, können Sie mit 0.123.443 versuchen

<ion-nav-bar ng-controller="MyCtrl"> 
    <ion-nav-back-button class="button-clear" 
    ng-click="myGoBack()"> 
    <i class="ion-arrow-left-c"></i> Back 
    </ion-nav-back-button> 
</ion-nav-bar> 

//In your controller 
function MyCtrl($scope, $ionicHistory) { 
    $scope.myGoBack = function() { 
    $ionicHistory.goBack(); 
    }; 

Also, stellen Sie sicher, dass Ihr $ ionicHistory ist die Geschichte zu speichern, und Sie haben hinzugefügt, dass in der Abhängigkeitsliste des Controllers

Sie die aktuelle Geschichte überprüfen mit $ionicHistory.viewHistory()