angular Js 返回上一级页面 刷新页面的几种方法

在AngularJS和Ionic应用中,如果从详情页面返回主页且需要刷新页面内容,可以利用Ionic的生命周期事件或者使用Events组件。在进入页面时触发相应操作,当路由改变时刷新数据。此外,Events提供了publish、subscribe和unsubscribe三个方法来实现页面间的通信和数据刷新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 当一个页面有多个tab的时候,从详情页面返回到主页,路由不能使用cache: true时,但是你又需要返回主页面刷新页面消息的时候,就可以使用下面的方法:
// 界面缓存清理
$ionicHistory.clearCache().then(function () {
    $state.go('tabs.headlines', { module: "ORDER" });
});
  • ionic 生命周期
    进入页面是调用
$scope.$on('$ionicView.enter', function(){
    //调用初始化的函数
    $scope.onPullDown();
});
  • 路由改变
    路由发生改变的时候调用
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
   console.log("路由发生改变");
});
  • ionic2 返回上一页 刷新列表
    Events 有三个方法 分别是:
    this.events.publish () //注册Events事件
    this.events.subscribe() //调用Eevents事件
    this.events.unsubscribe() //注销Events事件

列表页面

//返回上一页 页面刷新
 this.events.subscribe("reloadBQHPage", () => { 调用Eevents事件
    this.doRefresh("");
  });
  /**
  * 注:界面每次调用Push是会就是触发ionViewDidLoad事件,调用Pop的时候则会销毁界面,调用ionViewWillUnload。
  * 所以注册Events事件的时候必须在界面销毁的时候把事件进行注销,不然下次调用则会重复执行Events中的注册的方法。
  */
 ionViewWillUnload() {
   console.log('界面销毁');
   this.events.unsubscribe('ManagementSerachPage');注销Events事件
 }

表单提交页面

//页面返回
//返回上一页 页面刷新
  this.navCtrl.popTo("BehaviorWarning").then(() => {
    this.events.publish("reloadBQHPage");//注册Events事件
  });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值