页面刷新后如何保持在相同角度的页面中?

时间:2019-10-15 17:58:38

标签: angular redirect routing

当我刷新角度网页时,角度应用程序会自动将我带到主页,并且当我复制并粘贴网址时,角度应用程序也会自动转到主页。

在刷新页面或将Url粘贴到地址栏中后,我想留在同一页面中。

我在使用AdalGuard类的angular 7

这是路由代码

  { path: '', component: HomeComponent, canActivate: [AdalGuard] },
  { path: 'meal/:id', component: MealDetails, , canActivate: [AdalGuard]},
  { path: 'coldmeal/:id/:page', component: ColdMealComponent, canActivate: [AdalGuard]},  
  { path: '**', component: NotFoundComponent }
];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

我的app.module.ts具有HashLocationStrategy:

providers: [ { provide: LocationStrategy, useClass: HashLocationStrategy } ]

我希望在刷新页面或将“网址”粘贴到网址栏后留在同一页面。

谢谢。

1 个答案:

答案 0 :(得分:0)

我通过用app.module.ts文件中的PathLocationStrategy替换HashLocationStrategy解决了这个问题。

providers: [ { provide: LocationStrategy, useClass: PathLocationStrategy } ]

现在,我可以刷新页面而不会丢失它。