Question

我正在尝试使用 $ state.go 函数将一个页面移动到另一个页面。我能够做到这一点，但是当用户点击按钮时，它会在下一页上创建后退按钮。当用户点击此主屏幕按钮时，我不希望这样。

我将再次解释我在主屏幕上有一个按钮。点击后我转到另一个屏幕，移动后，它显示顶部标题上的后退按钮。我不想要这个，但在那之后，如果用户点击移动到任何页面，它会显示后退按钮。我不希望第一个屏幕上的导航后退按钮。在那之后，我想在这里是我的代码（http://plnkr.co/edit/J4XI8hjCgvIUeVV89kYG?p=preview）

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
    <title></title>
    <link data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.js"></script>
    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>
    <script src="app.js"></script>
    <script src="controllers.js"></script>
  </head>

  <body ng-app="starter">
    <ion-nav-view></ion-nav-view>
  </body>

</html>

.controller('a', function($scope, $stateParams,$state) {

  $scope.moveto=function(){
    alert('--')
    $state.go('app.playlists')

  }

})

Answer 1

使用隐藏后退按钮属性

<ion-view title="Playlists" hide-back-button="{{hideBackButton}}">

.controller('PlaylistsCtrl', function($scope) {
  ...
  $scope.hideBackButton = true;
})

请参阅http://plnkr.co/edit/vIhljr0kdNB8u0rWWwCw?p=preview

Answer 2

在致电$state.go('app.playlists')

之前使用ionicHistory

试试这个

.controller('a', function($scope, $stateParams,$state,$ionicHistory) {

  $scope.moveto=function(){
    alert('--')
    $ionicHistory.nextViewOptions({
    disableBack: true
  });
    $state.go('app.playlists')

  }

})

PLUNKR

如何删除按钮点击后退按钮？

2 个答案: