Question

为什么在将一个页面移动到另一个页面时不显示后退按钮？用户如何移动导航到上一页？我在第二页禁用，但它没有显示在任何页面上

 $ionicHistory.nextViewOptions({
      disableBack: true
    });
    $state.go('app.playlists');

实际上我点击了一个按钮我移动到另一个有滑动菜单的页面。点击幻灯片菜单中的任何选项，用户无法移动到上一页

请点击按钮按钮并移动到幻灯片菜单屏幕并从幻灯片中选择和选项移动到第二个屏幕，但没有后退按钮，因此用户无法移动上一个屏幕

http://plnkr.co/edit/17MJo0Ma81Zf4lBl8vuG?p=preview

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


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

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

  }

})

Answer 1

简单地说，您忘记在“ playlist.html ”中添加“离子导航栏”

<ion-view title="Playlist">

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


  <ion-content class="has-header">
    <h1>Playlist</h1>
  </ion-content>
</ion-view>

Demo

Answer 2

您使用旧的CSS引用是否有任何特殊原因？

这是你的掠夺者：

<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" />
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

这应该是：

<link rel="stylesheet" href="http://code.ionicframework.com/nightly/css/ionic.min.css" />
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

这是分叉的plunker。

为什么后退按钮按钮不显示在第二个屏幕？

2 个答案: