如何使用`$ window.history.back()`返回Angular.js?

时间:2015-07-30 12:00:08

标签: angularjs ionic-framework

我正在使用$window.history.back()在我的Ionic + Angular应用程序中退后一步。

它有一个问题:如果我的网址格式正确(http://localhost:8100/jobs.html),那么它工作正常,但如果我的网址是这种形式(http://localhost:8100/jobs.html#/category),那么它无效不回去。

这是我的功能:

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

我会感谢任何帮助。

2 个答案:

答案 0 :(得分:3)

您需要在window.history.go(-1);事件中使用$ionicPlatform.registerBackButtonAction。按下后退按钮键将返回。以下是例子:

app.controller('HomeCtrl', function($ionicPlatform){
 $ionicPlatform.registerBackButtonAction(onBackKeyDown, 100);

  function onBackKeyDown() {
       window.history.go(-1);
    }
 }
});

要在任何按钮上给予后退按钮操作,请使用以下代码:

HTML

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

的JavaScript

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

答案 1 :(得分:2)

如果您想使用Ionic Framework历史导航,您还应该使用正确的Ionic Framework历史记录对象:

如果您想转到上一个视图,请使用此选项:

$ionicHistory.goBack();

有关它的更多信息,请访问:$ionicHistory