zoukankan      html  css  js  c++  java
  • 问题解决:使用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

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

  • 相关阅读:
    mac os 虚拟机安装
    linux 安装Swagger(swagger-editor , swagger-ui)
    Centos6.5安装pip命令以及中途遇到的问题
    CentOS6.5 下将 Python2.6.6 升级到Python3.5
    要么忙着活,要么忙着死
    在CentOS6.8下安装Docker
    Elasticsearch 不同的搜索类型之间的区别
    解决 Python shell 中 Delete/Backspace 键乱码问题
    Java 反射机制
    Spring Security Oauth2 的配置
  • 原文地址:https://www.cnblogs.com/chenhuili/p/5005840.html
Copyright © 2011-2022 走看看