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