在Meteor-Ionic应用程序中删除导航栏后添加后退按钮

Question

在Meteor-Angular-ionic应用程序中，将nav-bar隐藏在模板中以使用

实现全屏视图

<ion-view hide-nav-bar="true">

我们如何在屏幕左上角添加一个Back按钮，将用户带回上一页？

我们的想法是在一个特定的模板/控制器中没有可见的导航栏，但仍然有一个后退按钮。

Answer 1

一种解决方案可能是添加自定义后退按钮，该按钮将导航到上一个屏幕。

在模板中，添加以下按钮

<button class="button icon-left ion-android-arrow-back button-clear button-dark" 
        ng-click="myGoBack()">
</button>

现在，在控制器中定义自定义 myGoBack 功能

// Your controller
function MyCtrl($scope, $ionicHistory) {
    // myGoBack method 
    $scope.myGoBack = function() {
        $ionicHistory.goBack();
    };
}

请记住在控制器中注入 ionicHistory 的依赖项。

请参阅链接ionNavBackButton  有关更多详细信息。

希望这会有所帮助。

谢谢！

Answer 2

使用以下div

<div class="col-md-12">
 <button class="pull-left btn btn-primary"> Back </button>
<div>