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

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

首先,在app.module.ts中导入Router和Location服务:

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

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

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、玩家可以在新贝壳大厅线上...
六分钟了解!h5游戏辅助器功能... 六分钟了解!h5游戏辅助器功能攻略,h5游戏本来是真的有辅助器攻略1、h5游戏有没有辅助教程、h5游...
研究成果!悠闲娱乐透视挂功能技... 研究成果!悠闲娱乐透视挂功能技巧,悠闲娱乐果然是真的有透视挂技巧进入游戏-大厅左侧-新手福利-激活码...
推荐十款!大圣辅助器功能脚本,... 推荐十款!大圣辅助器功能脚本,大圣总是是有辅助器脚本大圣是不是有人用挂微扑克wpk插件教程:1、微扑...
推荐一款!海盗来了辅助器功能神... 您好,海盗来了这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款...
发现玩家!同城乐吧透视挂功能神... 发现玩家!同城乐吧透视挂功能神器,同城乐吧都是是有透视挂神器1)同城乐吧有没有挂:进一步探索同城乐吧...
必知教程!大热门辅助功能工具,... 必知教程!大热门辅助功能工具,大热门切实有辅助工具1)大热门免费钻石:进一步探索大热门免费脚本大陆,...
重大科普!新茄子辅助功能神器,... 重大科普!新茄子辅助功能神器,新茄子切实有辅助神器1、金币登录送、破产送、升级送、活动送。详细领取联...
推荐一款!TX双城棋牌辅助功能... 您好,TX双城棋牌这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
推荐一款!来来台安麻将透视功能... 推荐一款!来来台安麻将透视功能插件,来来台安麻将总是真的是有透视插件1、点击下载安装,来来台安麻将脚...