要解决Angular 2中路由错误地重新加载主页的问题,可以尝试以下解决方法:
useHash: true
选项,这将启用哈希路由模式。例如:import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes, { useHash: true })],
exports: [RouterModule]
})
export class AppRoutingModule { }
routerLink
指令代替常规的href
属性来创建路由链接。例如:Home
routerLinkActive
指令来为当前活动的路由链接添加一个CSS类。例如:Home
RouterModule.forChild()
代替RouterModule.forRoot()
,或者检查其他可能导致路由错误的代码或配置。这些解决方法应该可以帮助你解决Angular 2中路由错误地重新加载主页的问题。请根据你的具体情况选择适当的解决方法。
下一篇:Angular2模态框分步骤