2017-04-15 194 views
1

美好的一天,我一直在我的項目很長一段時間,我注意到一些不工作。這是我的配置。離子導航後退按鈕不能在離子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' 
}) 

,我有我的的login.html

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

其導航到註冊頁面此按鈕。問題是,當我在我的signup.html上,按ion-nav-back-button不會返回到登錄頁面。 我試圖尋找一些解決方案,但迄今爲止沒有解決我的問題。 你的幫助是極大的讚賞

+0

什麼是你的代碼上點擊auth.goToSignup()函數? – HardikDG

+0

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

+0

它應該工作,否則你可以嘗試使用$ ionicHistory如果它適合你 – HardikDG

回答

0

您可以設置NAV-背按鈕顯示在ionic docs與$ state.go

推薦標記爲默認設置:

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

通過自定義標記內,並自動添加默認點擊動作:

<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> 

如果以上方法對您無效,您可以嘗試使用$ionicHistory

<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(); 
    }; 

此外,請確保您的$ ionicHistory被存儲的歷史和你補充說,在控制器的依賴列表

您可以查看當前的歷史與$ionicHistory.viewHistory()