路由而不指定Angular中的确切链接

Question

如何在不指定确切链接的情况下创建组件路径？例如，在下面我想为这样的链接/list/:id/(any string)

创建一个路径

{
    path: 'list/:id/',
    component: ListDetailComponent
  }

因此/list/5/Angular-Components和/list/43/programming-languages会指向相同的组件。

Answer 1

Angular支持通配符路由;所以只需在它之后放一个**：

path: 'list/:id/**',

请注意，Angular从上到下进行评估;所以，如果你有

path: 'list/:id/programming-languages'

在下面的路由配置中的条目将完全无法访问。通配符路由应放在配置的底部。

文档：https://angular.io/guide/router#router-directives