How to load multiple component with one route angular

Question

I am loading different component on route match.

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

Now I need to add search route where need to show all components as per search match.

How can I show all components(ProjectComponent, BusinessComponent & CategoryComponent) together to display search result?

Gendy · Accepted Answer · 2020-06-09 09:38:04Z

1

Create a new component for search results and inside this component use all of the other three components.

results template for example

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

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

</div>

and pass data as inputs if needed

edited Jun 9, 2020 at 9:38

answered Jun 9, 2020 at 9:21

Gendy

1314 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to load multiple component with one route angular

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related