ion-nav-back-button 在 ionic v1 中不起作用答案

【问题标题】：ion-nav-back-button not working in ionic v1ion-nav-back-button 在 ionic v1 中不起作用
【发布时间】：2017-04-15 20:08:16
【问题描述】：

美好的一天，我从事我的项目已经很长时间了，但我发现有些东西不起作用。这是我的配置。

.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 不会返回登录页面。我尝试寻找一些解决方案，但到目前为止都没有解决我的问题。非常感谢您的帮助

【问题讨论】：

auth.goToSignup() 函数的点击代码是什么？
@HardikDG $state.go('signup');
它应该可以工作，否则你可以尝试使用 $ionicHistory 如果它适合你
@HardikDG，显然它不起作用。
@HardikDG，我如何使用 $ionicHistory？

标签： ionic-framework

【解决方案1】：

您可以使用 $state.go 设置导航返回按钮，如 ionic docs 中所示

推荐的默认设置标记：

<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()查看当前历史记录

【讨论】：