Question

美好的一天，我一直在研究我的项目，我注意到一些不起作用的东西。这是我的配置。

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

Answer 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()

查看当前的历史记录

ion-nav-back-button无法在离子v1中工作

1 个答案: