How routing to two component? angular

Question

I have this routes:

const appRoutes: Routes = [
  {
    path: '',
    component: UsersComponent,
    children: [
      {
        path: 'todos/:id',
        component: TodosComponent
      },
      {
        path: 'todos/:id',
        component: PostsComponent
      }
    ]
  }

];

the TodosComponent its working, but the PostsComponent doesn't. I want that I am routing to 'todos/:id' the two components will open side by side.

Is the meaning of open side by side is open with multiple browser tabs or single page with 2 components? If with multiple browser tabs I don't think that is possible. If single page with 2 components, I suggest creating a parent component, then in the parent component what you did is render these 2 (child) components and also from parent component pass the id to child components. And your routing should change to point to the parent component. — Yong Shun
– Yong Shun, Commented Mar 19, 2022 at 0:52

Henrik Bøgelund Lavstsen · Accepted Answer · 2022-03-19 02:04:41Z

1

You have 2 options you can use outlet, which gives you multiple location on a component to render routed components. But since you say side-by-side. I would just do the simple thing and have a parent component. And just have each component within.

answered Mar 19, 2022 at 2:04

Henrik Bøgelund Lavstsen

1,6631 gold badge17 silver badges31 bronze badges

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

Comments

Refat Alsakka · Accepted Answer · 2022-03-19 00:12:12Z

0

You have to change the path. The routes are not allowed to be the same because the route that will be first matched, it will be taken, and by your example only the TodosComponent will be appeared.

answered Mar 19, 2022 at 0:12

Refat Alsakka

5512 silver badges12 bronze badges

Collectives™ on Stack Overflow

How routing to two component? angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related