在访问新页面后,上一页向上移动

时间:2016-07-13 15:52:27

标签: javascript angularjs ionic-framework

我正在构建一个离子应用程序,并且有一个返回链接,始终将用户链接回上一页。我注意到的是当用户滚动到页面的中间或按钮并单击新的网址,然后使用网址上的后退按钮返回上一页时,页面将自动从顶部开始再次。当我在电脑上测试时,状态保持其状态但是当我部署到Android手机时我发现这种情况发生了吗?

JS

.controller('back_ctrl', function($scope, $ionicHistory) 
{
   $scope.goBack=function()
    {
        $ionicHistory.goBack();                      //This doesn't work
        //window.history.back();                     //This works
        //alert('goBackHandler called. Did it work?'); //For testing
    };
})

HTML

 <ion-nav-buttons side="left">
   <button class="button button-icon icon ion-chevron-left" ng-controller="back_ctrl" ng-click="goBack()"> </button> 
   </ion-nav-buttons>

1 个答案:

答案 0 :(得分:0)

为什么你要为这个创建控制器.. Ionic默认使用此功能。

你能尝试一下吗?

/getcontent

因此,当用户能够返回当前导航堆栈时,将显示 <!-- Header Start --> <ion-nav-bar class="bar-stable"> <ion-nav-buttons side="left"> <i class="fa fa-navicon"></i> </ion-nav-buttons> <ion-nav-back-button></ion-nav-back-button> <h1 class="title"></h1> <ion-nav-buttons side="right"> <i class="fa fa-search"></i> </ion-nav-buttons> </ion-nav-bar> <!-- Header End --> 。默认情况下,后退按钮的标记是使用适合平台的默认值自动构建的(iOS上的iOS后退按钮图标和Android上的Android图标)。

此外,点击/点按时该按钮会自动设为ion-nav-back-button。默认情况下,当单击后退按钮时,应用程序将导航回一个视图。