在Meteor-Ionic应用程序中删除导航栏后添加“返回”按钮

Question

在Meteor-Angular-ionic应用程序中，将nav-bar隐藏在模板中以使用以下命令获得全屏视图后

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

我们如何在屏幕左上方添加“后退”按钮，以使用户返回上一页？

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

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>