2017-04-15 143 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()