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属性来更新数据。

相关内容

热门资讯

今日!闲逸免费app辅助&qu... 今日!闲逸免费app辅助"本来是有辅助app"(哔哩哔哩)1、任何闲逸免费app辅助透视是真的假的的...
日前!蛮籽麻旺重庆辅助&quo... 日前!蛮籽麻旺重庆辅助"本来是真的有辅助攻略"(哔哩哔哩)1、不需要AI权限,帮助你快速的进行蛮籽麻...
这一问题亟待解决!中至赣牌圈祈... 这一问题亟待解决!中至赣牌圈祈福转运"一直真的有辅助工具"(哔哩哔哩)这一问题亟待解决!中至赣牌圈祈...
最终!新道游正版辅助"... 您好,新道游正版辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家...
明白辅助挂!新道游正版开挂&q... 明白辅助挂!新道游正版开挂"竟然是真的有辅助神器"(哔哩哔哩)在进入新道游正版开挂软件靠谱后,参与本...
教学辅助挂!神途免费辅助软件&... 教学辅助挂!神途免费辅助软件"原来真的有辅助器"(哔哩哔哩)1、神途免费辅助软件辅助软件下载优化,神...
近期!熊猫免费脚本辅助工具&q... 近期!熊猫免费脚本辅助工具"一贯真的有辅助脚本"(哔哩哔哩)1.熊猫免费脚本辅助工具 选牌创建新账号...
2026版辅助挂!打两圈怀疑有... 2026版辅助挂!打两圈怀疑有外g挂"竟然真的有辅助软件"(哔哩哔哩)1、完成打两圈怀疑有外g挂辅助...
2026版技巧!蜀山四川智能辅... 2026版技巧!蜀山四川智能辅助插件"一贯真的有辅助工具"(哔哩哔哩)一、蜀山四川智能辅助插件游戏安...
黑科技攻略!广西老友玩插件&q... 黑科技攻略!广西老友玩插件"本来是有辅助插件"(哔哩哔哩)1、每一步都需要思考,不同水平的挑战广西老...