Uncaught (in promise): Error: Cannot match any routes. URL Segment: Angular
Uncaught (in promise): Error: Cannot match any routes. URL Segment: Angular
我是 Angular 的新手。我正在使用 Angular 7 并进行简单的路由。
登录页面后,我想显示一个主页。登录是 app-root
组件的一部分,在主页中我显示 header 和 sidenav 但我无法路由到主页页。
app-routimg.module.ts
const appRoutes: Routes = [
{
path: '',
loadChildren: './login/login.module#LoginModule'
},
{
path: 'dashboard',
loadChildren: './dashboard/dashboard.module#DashBoardModule',
}
];
@NgModule({
imports: [RouterModule.forRoot(appRoutes)],
exports: [RouterModule],
// providers: [AuthGuard]
}
仪表板-routing.modul.ts
const appRoutes: Routes = [
{
path: 'dashboard',
component: DashBoardComponent ,
children: [
{
path: '',
redirectTo: 'home'
},
{
path: 'home',
loadChildren: './home/home.module#HomeModule'
},
]
}
];
@NgModule({
imports: [
RouterModule.forChild(appRoutes)
],
exports: [
RouterModule
]
})
login.component.ts
onSubmit() {
this._router.navigate(['/home']);
}
}
core.js:15724 ERROR Error: Uncaught (in promise): Error: Cannot match
any routes. URL Segment: 'home' Error: Cannot match any routes. URL
Segment: 'home'
您必须使用此代码:
this._router.navigate(['/dashboard/home']);
如果它不起作用,在 "dashboard-routing.modul.ts" 文件中使用路径:“ ”,而不是
路径:'dashboard',.
在你的dashboard-routing-module.ts:
中应该是这样的
const routes: Routes = [{
path: '',
component: DashBoardComponent,
children: [
{
path: '',
redirectTo: 'home',
pathMatch: 'prefix'
},
{
path: 'home',
component: HomeComponent
}
]
}];
我是 Angular 的新手。我正在使用 Angular 7 并进行简单的路由。
登录页面后,我想显示一个主页。登录是 app-root
组件的一部分,在主页中我显示 header 和 sidenav 但我无法路由到主页页。
app-routimg.module.ts
const appRoutes: Routes = [
{
path: '',
loadChildren: './login/login.module#LoginModule'
},
{
path: 'dashboard',
loadChildren: './dashboard/dashboard.module#DashBoardModule',
}
];
@NgModule({
imports: [RouterModule.forRoot(appRoutes)],
exports: [RouterModule],
// providers: [AuthGuard]
}
仪表板-routing.modul.ts
const appRoutes: Routes = [
{
path: 'dashboard',
component: DashBoardComponent ,
children: [
{
path: '',
redirectTo: 'home'
},
{
path: 'home',
loadChildren: './home/home.module#HomeModule'
},
]
}
];
@NgModule({
imports: [
RouterModule.forChild(appRoutes)
],
exports: [
RouterModule
]
})
login.component.ts
onSubmit() {
this._router.navigate(['/home']);
}
}
core.js:15724 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'home' Error: Cannot match any routes. URL Segment: 'home'
您必须使用此代码:
this._router.navigate(['/dashboard/home']);
如果它不起作用,在 "dashboard-routing.modul.ts" 文件中使用路径:“ ”,而不是
路径:'dashboard',.
在你的dashboard-routing-module.ts:
中应该是这样的const routes: Routes = [{
path: '',
component: DashBoardComponent,
children: [
{
path: '',
redirectTo: 'home',
pathMatch: 'prefix'
},
{
path: 'home',
component: HomeComponent
}
]
}];