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

Question

在 Meteor-Angular-ionic 应用程序中，在模板中隐藏 nav-bar 以实现全屏 View 后，使用

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

我们如何在屏幕左上角添加一个返回按钮，让用户返回到上一页？

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

Answer 1

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

在您的模板中，添加以下按钮

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

现在，在您的 Controller 中定义自定义 myGoBack 函数

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

记得在你的 Controller 中注入(inject) ionicHistory 的依赖。

请引用链接ionNavBackButton 获取更多详细信息。

希望这会有所帮助。

谢谢!