问题解决：使用angularjs、ionic框架如何实现返回上一页并刷新

普通的js返回并刷新这里就不多说了，百度就有很多方法。

下面说的是使用了angularjs、ionic开发的一个手机app中使用的一个返回上一页并刷新的方法。

场景：回复的页面是单独的，点击保存回复后会回到上一个页面，此时上一个页面会显示出你新回复的内容

回复页面的controller的相关代码：

$scope.save = function () {Replies.giveAReply($scope.reply); //保存回复$ionicHistory.goBack(); //返回上一页};

记得在controller的function参数里加上$ionicHistory，如下

angular.module('sth.controllers').controller('ReplyCtrl', function ($scope, $state, $ionicConfig, Replies, $ionicHistory, $cordovaCamera, $ionicModal, Auth) 

 

上一个页面的controller的相关代码：

1 $scope.rapidResponse.update = function () { 2 $scope.rapidResponse.replies = Replies.getReplies('rapid_response', $scope.rapidResponse.id); 3 }; //获取回复 4 5 $scope.rapidResponse.update(); //函数调用 6 7 $scope.$on('$stateChangeSuccess', $scope.rapidResponse.update); //如果有变化即重新调用获取回复的函数，实现了刷新

 

记得$scope.$on('$stateChangeSuccess', $scope.rapidResponse.update);   

不能写成$scope.$on('$stateChangeSuccess', $scope.rapidResponse.update()); 

不加括号表示调用的是函数的本身，加括号返回的是函数执行的结果。

 

stackoverflow里也有类似的解决方法：http://stackoverflow.com/questions/27853431/ion-list-does-not-refresh-after-state-go-is-called

如果还有更好的方法望指教，谢谢~

转载于:https://www.cnblogs.com/chenhuili/p/5005840.html

总结

以上是生活随笔为你收集整理的问题解决：使用angularjs、ionic框架如何实现返回上一页并刷新的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。