角通配符以匹配子路由

Question

尝试查找具有组件的子路线

const routes: Routes = [
  {
    path: '',
    component: CatalogueComponent,
  },
  {
    path: 'search/**',
    component: CatalogueComponent,
  },
  ...
  {
     path: '**',
     redirectTo: '/page-not-found'
  }
}

只是无法正常工作。 路径：“搜索/ ”，**从未匹配。.

搜索网址如下：search / brand = sdfsdf / model = sdfvsdf / page = 2

Answer 1

您不应该使用您提到的URL，正确的使用模式是search?brand=sdfsdf&model=sdfvsdf&page=2，然后通过将ActivatedRoute注入CatalogueComponent中并使用{{ 1}}或this.activatedRoute.snapshot.queryParams，如果您想对参数变化做出反应，我认为这是您所需要的。