how to create a back button in the footer (ionic framework)?

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>

and the controller for this view:

$scope.goBack = function () {

My question: is there a better way of doing this (i.e. a directive), or is this how you are doing this also?

With custom click action, using $ionicNavBarDelegate:

<button class="button" ng-click="canGoBack && goBack()">Back</button>

function MyCtrl($scope, $ionicNavBarDelegate) {
  $scope.goBack = function() {

From the ionic docs:

You could also just use:


Use the $ionicGoBack function as the click handler

<button class="button" ng-click="$ionicGoBack()">Back</button>