[英]Angular 8 optional url parameters
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LayoutComponent } from './layouts/layout.component';
const routes: Routes = [
{
path: '',
component: LayoutComponent,
children: [
{
path: ':id',
loadChildren: './layouts/layout.module#LayoutModule'
}
]
},
{ /* THIS BELOW BLOCK WORKS */
path: '',
component: LayoutComponent,
children: [
{
path: '',
loadChildren: './layouts/layout.module#LayoutModule'
}
]
}
];
@NgModule({
imports: [RouterModule.forRoot(routes, {
scrollPositionRestoration: 'enabled'
})],
exports: [RouterModule]
})
export class AppRoutingModule { }
I am trying to have 2 different url sets with same set of layouts.我试图让 2 个不同的 url 集具有相同的布局集。 so my first url will be like http://localhost:4200/account - this works fine http://localhost:4200/20/account - this is my 2nd url and this doesn't work and the error message is so my first url will be like http://localhost:4200/account - this works fine http://localhost:4200/20/account - this is my 2nd url and this doesn't work and the error message is
core.js:5882 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: '20/account'
I am not sure where I gone wrong, anyone can help this out?我不确定我哪里出错了,任何人都可以帮助解决这个问题吗?
you can delete path:':id' and in contractor get parameters:您可以删除 path:':id' 并在承包商中获取参数:
public constructor(
private route: ActivatedRoute,
private router: Router,
injector: Injector
) {
super(injector);
this.route.params.subscribe((p) => {
this.stateIdFilter = [Number.parseInt(p.id)];
if (p.id) {
this.getData();
}
}); }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.