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

时间:2023-02-14 07:49:08

普通的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的相关代码:

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

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

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

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

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

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

问题解决:使用angularjs、ionic框架如何实现返回上一页并刷新的更多相关文章

  1. angular+ionic返回上一页并刷新

    假定当前页面为editCata页面,要返回的是cataDetail页面.目前我找到两种方法实现返回上一页并刷新,如果以后有其它方法,再继续添加. 1.在editCataCtrl.js中注入$ionic ...

  2. js返回上一页并刷新的多种实现方法

    <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:loca ...

  3. js返回上一页并刷新的多种方法

    js返回上一页并刷新的几种方法.参考链接:http://www.jbxue.com/article/11230.html <a href="javascript:history.go( ...

  4. js返回上一页并刷新代码整理

    一:JS 重载页面,本地刷新,返回上一页 复制代码 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> ...

  5. js返回上一页并刷新、返回上一页、自动刷新页面

    一.返回上一页并刷新 <a href="javascript:" onclick="self.location=document.referrer;"&g ...

  6. 高并发分布式系统中生成全局唯一(订单号)Id js返回上一页并刷新、返回上一页、自动刷新页面 父页面操作嵌套iframe子页面的HTML标签元素 &period;net判断System&period;Data&period;DataRow中是否包含某列 &period;Net使用system&period;Security&period;Cryptography&period;RNGCryptoServiceProvider类与System&period;Random类生成随机数

    高并发分布式系统中生成全局唯一(订单号)Id   1.GUID数据因毫无规律可言造成索引效率低下,影响了系统的性能,那么通过组合的方式,保留GUID的10个字节,用另6个字节表示GUID生成的时间(D ...

  7. JS返回上一页并刷新

    window.history.go(-1);//返回上一页不刷新 window.location.href = document.referrer;//返回上一页并刷新

  8. js返回上一页并刷新的几种方法

    1.返回上一页 1)<a href="javascript:history.go(-1)"></a> 2)<a href="javascri ...

  9. js 返回上一页和刷新

    1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forw ...

随机推荐

  1. Python2 连接MySQL

    先安装MySQL-python yum install -y MySQL-python 测试代码: # -*- coding: utf-8 -*- import os import MySQLdb i ...

  2. 几个主流java连接池

    池(Pool)技术在一定程度上可以明显优化服务器应用程序的性能,提高程序执行效率和降低系统资源开销.这里所说的池是一种广义上的池,比如数据库连接池.线程池.内存池.对象池等.其中,对象池可以看成保存对 ...

  3. 基于CAS实现单点登录(SSO):工作原理

    工作中使用到了SSO,网上看到了这个博客的一系列文章感觉不错,转载收藏 源地址http://blog.csdn.net/tch918/article/details/19930037 系列文章的第一篇 ...

  4. PHP获取服务器IP和客户端IP

    <?php echo '前端机IP:'.$_SERVER['REMOTE_ADDR']; echo '<br />'; echo '后端机IP:'.$_SERVER['SERVER_ ...

  5. wxpython多线程通信的应用-实现边录音边绘制音谱图

    #!bin/bash/python # -*- coding=utf-8 -*- from __future__ import division import threading import wx ...

  6. A Simple Problem with Integers POJ - 3468 &lpar;分块&rpar;

    题目链接:https://cn.vjudge.net/problem/POJ-3468 题目大意:区间加减+区间查询操作. 具体思路:本来是一个线段树裸题,为了学习分块就按照分块的方法做吧. 分块真的 ...

  7. python调用PHP方法

    PHP代码如下:<?php $method = $argv[1]; $param1 = $argv[2]; $param2 = $argv[3]; if(isset($method) & ...

  8. Java WebMail

    http://www.open-open.com/06.htm http://www.oracle.com/technetwork/java/javamail/third-party-136965.h ...

  9. ASP&period;Net Core 2&period;2 MVC入门到基本使用系列 &lpar;三&rpar;(转)

    本教程会对基本的.Net Core 进行一个大概的且不会太深入的讲解, 在您看完本系列之后, 能基本甚至熟练的使用.Net Core进行Web开发, 感受到.Net Core的魅力. 本教程知识点大体 ...

  10. 提取nmap扫描出来的xml文件

    代码: <?php $file_path = "xiamen_scan_ok.xml"; $file = fopen($file_path, "r"); ...