如何用一个路由加载多个组件 angular

Question

我在路由匹配上加载不同的组件。

{
  path: '', component: MainComponent,
  children: [
    {
      path: '',
      component: ProjectComponent,
    },
    {
      path: "business/:id",
      component: BusinessComponent
    },
    {
      path: "category/:id1/:id2",
      component: CategoryComponent
    },
  ]
}

现在我需要在需要根据搜索匹配项显示所有组件的地方添加搜索路径。

如何将所有组件（ProjectComponent、BusinessComponent 和 CategoryComponent）一起显示以显示搜索结果？

Answer 1

为搜索结果创建一个新组件，并在该组件内使用所有其他三个组件。

例如结果模板

<div>
  <!-- any header, page title, search input .... -->

  <app-project></app-project>
  <app-business></app-business>
  <app-category></app-category>

</div>

并在需要时将数据作为输入传递

如何用一个路由加载多个组件 angular

How to load multiple component with one route angular

angular

angular8