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,从而重新加载页面。

相关内容

热门资讯

透视脚本!wepoke ai辅... 透视脚本!wepoke ai辅助,wepoke挂透视,详细透视教你攻略;运wepoke ai辅助辅助...
wepoke有辅助挂!wpk辅... wepoke有辅助挂!wpk辅助器是真是假(透视)一贯是真的有挂(详细辅助必胜教程)1、这是跨平台的...
透视辅助!wepoke智能ai... 透视辅助!wepoke智能ai,wepower德州扑克,详细透视扑克教程wepoke智能ai是一种具...
德州之星辅助挂!德州扑克辅助器... 德州之星辅助挂!德州扑克辅助器(透视)都是是真的有挂(详细辅助AA德州教程)德州之星辅助挂辅助器中分...
透视最新!wepoke真的有挂... 透视最新!wepoke真的有挂,wepoke防外挂,详细透视2025新版技巧wepoke真的有挂辅助...
德州之星外挂!aapoker辅... 一、德州之星外挂简介了解软件请加微:136704302德州之星外挂是一款在线扑克游戏平台,玩家可以在...
透视透视挂!wepoke辅助挂... 透视透视挂!wepoke辅助挂,wepoke ai代打辅助,详细透视解密教程运wepoke辅助挂辅助...
德州之星有外挂!微扑克有没有挂... 德州之星有外挂!微扑克有没有挂(透视)原生真的是有挂(详细辅助AI教程)1、很好的工具软件,可以解锁...
透视私人局!wepoke真的有... 透视私人局!wepoke真的有挂,wepoke ai代打辅助,详细透视攻略方法1、起透看视 wepo...
德州ai辅助有用!线上德州ai... 德州ai辅助有用!线上德州ai机器人(透视)其实真的是有挂(详细辅助2025版教程)1、金币登录送、...