Angular的Router.navigate函数只是重新加载了相同的页面。
创始人
2024-10-24 09:31:03
0

使用Router的onSameUrlNavigation属性来设置导航到相同URL时的行为。默认情况下,它是ignore,这意味着导航到相同URL时不会执行任何操作。

如果要重新加载相同的页面,可以将onSameUrlNavigation设置为reload,这样每次导航到相同URL时都会重新加载页面。

代码示例:

app.module.ts:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: '', component: HomeComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.component.ts:

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-root',
  template: `
    
  `
})
export class AppComponent {
  constructor(private router: Router) { }

  reloadPage() {
    this.router.navigate(['/']);
  }
}

在上面的示例中,当点击"Reload Page"按钮时,会重新导航到相同的URL,从而重新加载页面。

相关内容

热门资讯

普及透视!哈糖大菠萝助手,微乐... 普及透视!哈糖大菠萝助手,微乐自建房辅助工具,指引教程(确实有挂)-哔哩哔哩一、哈糖大菠萝助手游戏安...
了解透视!wepokerplu... 了解透视!wepokerplus万能挂,微乐自建房辅助工具2025在哪,积累教程(存在有挂)-哔哩哔...
分享透视!拱趴大菠萝机器人,微... 分享透视!拱趴大菠萝机器人,微乐家乡自建房辅助app,练习教程(有挂总结)-哔哩哔哩1、任何拱趴大菠...
有挂透视!大菠萝789辅助器下... 有挂透视!大菠萝789辅助器下载,微乐小程序插件免费,讲义教程(有挂透明挂)-哔哩哔哩1、许多玩家不...
总结透视!werplan辅助软... 总结透视!werplan辅助软件,微乐小程序有脚本吗,机巧教程(有挂总结)-哔哩哔哩1、上手简单,内...
开挂透视!wpk刷入池率脚本,... 开挂透视!wpk刷入池率脚本,微信小程序微乐辅助器免费版v2.0,模板教程(有挂透明挂)-哔哩哔哩1...
有挂透视!aapoker公共底... 有挂透视!aapoker公共底牌,微乐智能辅助软件是真的吗,策略教程(有挂分析)-哔哩哔哩所有人都在...
有挂透视!hhpoker软件可... 有挂透视!hhpoker软件可以玩吗,微信小程序微乐为什么老输,手筋教程(真的有挂)-哔哩哔哩1、每...
科普透视!wepoker有没有... 科普透视!wepoker有没有辅助,微乐自建房辅助免费入口,模块教程(有挂解密)-哔哩哔哩1、每一步...
分享透视!大菠萝手游辅助,收i... 分享透视!大菠萝手游辅助,收i就微乐小程序游戏破解器,手段教程(有人有挂)-哔哩哔哩1、大菠萝手游辅...