如何在页脚（离子框架）中创建一个后退按钮？

我正在使用Ionic并希望在页脚中创建一个后退按钮。这是我如何做的。如何在页脚（离子框架）中创建一个后退按钮？

我的观点：

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

和控制器这样的观点：

$scope.goBack = function() { 
    window.history.back(); 
};

我的问题：有没有这样做（即指令）的一个更好的办法，或这是你如何也这样做？

来源

2014-03-30 thinkbigthinksmall

通过自定义的点击操作，使用$ ionicNavBarDelegate：

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

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

从离子文档： http://ionicframework.com/docs/nightly/api/directive/ionNavBackButton/

来源

2014-03-30 02:18:45

谢谢你的回答！我确实看到了。但是，我的理解是，ion-nav-bar是页面顶部的导航控件，类似于页眉并且不能嵌入页脚中。 – thinkbigthinksmall

你说得对。对不起，我应该更清楚了。使用ng键点击后退按钮来调用一个包含$ ionicNavBarDelegate.back（）的函数，就像上面的例子。我将编辑该示例并清除ion-nav-bar。 –

什么是canGoBack？我只想显示后退按钮，如果你可以返回，因为在离子导航后退按钮 –

你也可以只使用：

$ionicHistory.goBack();

来源

2015-01-23 13:10:08 lucasl

使用$ionicGoBack功能的点击处理器

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

来源

2015-07-08 21:05:08

如何在页脚（离子框架）中创建一个后退按钮？

回答

相关问题