Angular how do I resolve Error: Cannot match any routes. URL Segment: 'catalog/test'?

Question

有一条路线：

export const appRoutes: Routes = [
    {path: 'catalog', component: DiskComponent},
    {path: 'catalog/**', component: DiskComponent},
]

路径 http://localhost:4200/catalog 有效，但是当我打开 http://localhost:4200/catalog/test 时出现错误：

Error: Cannot match any routes. URL Segment: 'catalog/test'

如何解决？

Answer 1

路由应该配置如下。

{path: 'catalog/:name', component: DiskComponent}

':name'代表参数名称，在组件中可以通过'ActivatedRoute'.

访问

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.params.subscribe(params => {
    console.log(params["name"]); //Output would be 'test' in your case
  });
}

Stackblitz - https://stackblitz.com/edit/angular-router-basic-example-mu7m5m?file=app/views/catalog/catalog.component.ts

Angular how do I resolve Error: Cannot match any routes. URL Segment: 'catalog/test'?

Angular how do I resolve Error: Cannot match any routes. URL Segment: 'catalog/test'?

javascript

url

routes

path

angular