离子导航按钮内的后退按钮

Back button inside ion-nav-buttons

本文关键字：按钮 导航      更新时间：2023-09-26

我能够按照文档创建一个有效的后退按钮 http://ionicframework.com/docs/api/directive/ionNavBackButton/

<ion-nav-bar ng-controller="MyCtrl">
  <ion-nav-back-button class="button-icon">
    <i class="icon ion-arrow-left-c"></i>{{getPreviousTitle() || 'Back'}}
  </ion-nav-back-button>
</ion-nav-bar>
function MyCtrl($scope, $ionicNavBarDelegate) {
  $scope.getPreviousTitle = function() {
    return $ionicNavBarDelegate.getPreviousTitle();
  };
}

出于某种原因，<ion-nav-back-button>对我不起作用。

我只想在某些状态下显示后退按钮。如果我在离子导航按钮内放置一个通用按钮，它可以工作。放置后退按钮不会。

<ion-nav-buttons side="left">
</ion-nav-buttons>

有没有办法在离子导航按钮内放置一个后退按钮？我试过<ion-nav-back-button>但它都不起作用。

我使用以下方法完成了它： 

<ion-view title="Dashboard" hide-back-button="true">
  <ion-content">
  </ion-content>
</ion-view>

我希望这有所帮助。

相关文章：