未捕获(承诺):错误:无法匹配任何路由.URL段:角度 [英] Uncaught (in promise): Error: Cannot match any routes. URL Segment: Angular
问题描述
我是Angular的新手.我正在使用Angular 7并进行简单的路由.登录页面后,我要显示一个主页.登录是 app-root
组件的一部分,在主页中,我显示 header 和 sidenav ,但是我无法转到主页
I am new to Angular. I am using Angular 7 and doing a simple routing.
After Login page, I want to display a home page. Login is a part of app-root
component and in home page I am showing header and sidenav but I am not able to route to home page.
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]
}
dashboard-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错误错误:未捕获(承诺中):错误:无法匹配任何路线.URL段:'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'
推荐答案
在您的dashboard-routing-module.ts中应该是这样的:
it should be like this in your dashboard-routing-module.ts:
const routes: Routes = [{
path: '',
component: DashBoardComponent,
children: [
{
path: '',
redirectTo: 'home',
pathMatch: 'prefix'
},
{
path: 'home',
component: HomeComponent
}
]
}];
这篇关于未捕获(承诺):错误:无法匹配任何路由.URL段:角度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!