how to create a back button in the footer (ionic framework)?
13,994
Solution 1
With custom click action, using $ionicNavBarDelegate:
<button class="button" ng-click="goBack()">Back</button>
function MyCtrl($scope, $ionicNavBarDelegate) {
$scope.goBack = function() {
$ionicNavBarDelegate.back();
};
}
From the ionic docs: http://ionicframework.com/docs/nightly/api/directive/ionNavBackButton/
Solution 2
Use the $ionicGoBack
function as the click handler
<button class="button" ng-click="$ionicGoBack()">Back</button>
Solution 3
You could also just use:
$ionicHistory.goBack();
Author by
thinkbigthinksmall
Updated on June 17, 2022Comments
-
thinkbigthinksmall about 2 years
I'm using Ionic and want to create a back button in the footer. Here's how I'm doing it.
My view:
<div class="bar bar-footer bar-dark"> <button class="button button-outline button-light" ng-click="goBack()"><i class="ion-arrow-left-c"></i> Back</button> </div>
and the controller for this view:
$scope.goBack = function () { window.history.back(); };
My question: is there a better way of doing this (i.e. a directive), or is this how you are doing this also?