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

相关内容

热门资讯

实测教程!PX在线透视挂脚本软... 实测教程!PX在线透视挂脚本软件,PX在线好像真的是有透视挂揭露教程PX在线辅助器是一种具有地方特色...
科普常识!趣乐透视挂脚本软件,... 科普常识!趣乐透视挂脚本软件,趣乐一贯存在有透视挂解迷软件1、趣乐脚本辅助下载、趣乐免费透视脚本等服...
推荐几款新版!中至赣州麻将辅助... 推荐几款新版!中至赣州麻将辅助器脚本软件,中至赣州麻将一直有辅助器有挂技巧1、该软件可以轻松地帮助玩...
三分钟了解!中至赣州麻将辅助器... 三分钟了解!中至赣州麻将辅助器脚本软件,中至赣州麻将一直存在有辅助器曝光技巧1、游戏颠覆性的策略玩法...
一分钟快速了解!福星麻将透视脚... 一分钟快速了解!福星麻将透视脚本软件,福星麻将切实存在有透视辅助app1、每一步都需要思考,不同水平...
每日必看推荐!杭州都莱透视挂脚... 每日必看推荐!杭州都莱透视挂脚本软件,杭州都莱切实真的有透视挂揭幕app1、下载好杭州都莱脚本下载之...
今日公布!古典情怀透视脚本软件... 今日公布!古典情怀透视脚本软件,古典情怀竟然是有透视分享技巧1、任何古典情怀透视是真的假的的玩家都可...
玩家交流!对战互娱透视脚本软件... 玩家交流!对战互娱透视脚本软件,对战互娱其实是有透视教你技巧1、让任何用户在无需对战互娱安装教程第三...
一分钟秒懂!趣乐互娱透视挂脚本... 一分钟秒懂!趣乐互娱透视挂脚本软件,趣乐互娱原来是真的有透视挂解迷软件1、用户打开应用后不用登录就可...
玩家必用!碰杠胡开挂脚本软件,... 玩家必用!碰杠胡开挂脚本软件,碰杠胡一贯真的有开挂分享脚本1、碰杠胡有没有辅助教程、碰杠胡有透视吗等...