在路由配置中添加一个“onSameUrlNavigation”属性,并将其设置为“reload”。这将强制Angular在路由路径相同时重新加载组件。 示例代码:
import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component'; import { AboutComponent } from './about/about.component';
const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', component: HomeComponent }, { path: 'about', component: AboutComponent } ];
@NgModule({ imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })], exports: [RouterModule] }) export class AppRoutingModule { }