Angular路由导航然后刷新页面。
创始人
2024-10-28 01:35:09
0

要在Angular中实现路由导航然后刷新页面,可以使用RouterLocation服务的组合。

首先,在app.module.ts中导入RouterLocation服务:

import { Router, NavigationExtras } from '@angular/router';
import { Location } from '@angular/common';

然后在组件的构造函数中注入RouterLocation服务:

constructor(private router: Router, private location: Location) { }

接下来,在需要导航和刷新页面的地方,使用下面的代码进行路由导航和页面刷新:

navigateAndRefresh(): void {
  const currentUrl = this.router.url; // 获取当前路由的URL
  
  // 导航到另一个路由
  this.router.navigateByUrl('/other-route').then(() => {
    // 刷新当前路由页面
    this.location.replaceState(currentUrl);
    window.location.reload();
  });
}

在上面的代码中,navigateAndRefresh方法导航到另一个路由(例如/other-route),然后使用location.replaceState方法将当前URL替换为原始URL,最后使用window.location.reload()方法刷新页面。

请注意,这种方法会重新加载整个页面,可能会导致应用程序状态丢失。如果只想刷新组件的数据,可以考虑使用ngOnInit钩子或使用@Input属性来更新数据。

相关内容

热门资讯

终于知道!大唐撸麻雀作弊码,潮... 终于知道!大唐撸麻雀作弊码,潮汕馆辅助,详细神器(有挂教程)1、每一步都需要思考,不同水平的挑战大唐...
分享给玩家!新518互游脚本下... 分享给玩家!新518互游脚本下载,微信小程序广东雀神智能插件,详细app(有挂攻略)1、打开软件启动...
玩家必看秘籍!常州茶苑辅助器下... 玩家必看秘籍!常州茶苑辅助器下载,手游辅助平台,详细工具(有挂方针)1、首先打开常州茶苑辅助器下载辅...
科普分享!邯郸胡乐挂辅助,杭州... 您好,杭州边锋网络游戏辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
9分钟了解!八闽状元郎胜必神器... 9分钟了解!八闽状元郎胜必神器,拉米大厅游戏源码,详细器(有挂教程)暗藏猫腻,小编详细说明八闽状元郎...
发现玩家!方片十三张外挂,闲娱... 发现玩家!方片十三张外挂,闲娱江西辅助器,详细工具(有挂方式)1、操作简单,无需闲娱江西辅助器手机版...
实操分享!川娱竞技辅助插件,潜... 实操分享!川娱竞技辅助插件,潜江晃晃辅助,详细教程(有挂技术)进入游戏-大厅左侧-新手福利-激活码辅...
一分钟教你!天天川南悠闲辅助,... 一分钟教你!天天川南悠闲辅助,德普之星透视挂,详细脚本(真的有挂)1、在天天川南悠闲辅助插件功能辅助...
让我来分享经验!多乐手游辅助软... 让我来分享经验!多乐手游辅助软件,广东雀神智能插件是真有挂,详细挂(新版有挂)广东雀神智能插件是真有...
专业讨论!潮汕来物局游戏源码,... 专业讨论!潮汕来物局游戏源码,决战卡五星必赢神器,详细软件(有挂教学)1、该软件可以轻松地帮助玩家将...