Make a component render in more than one page - Routes Angular 13

Question

I have the following routes, and I need to render the Conditional component in some specific routes, but the shared component in all routes. How can I do it?

const routes: Routes = [ { path: "someroute", component: ConditionalComponent,
children: [{ path: '', component: SharedComponent }],

} ];

score 0 · Answer 1 · answered Mar 11 '22 at 16:40

0

If I understand the question correctly, you should be able to have

const routes: Routes = [
    { 
        path: "someroute",
        component: ConditionalComponent
    }
];

And in your app.component.html you should have

<router-outlet></router-outlet>
<shared-component></shared-component>

answered Mar 11 '22 at 16:40

TSiders

1
1

there is any other way? – Lazarus Mar 11 '22 at 16:43
Alternatively, you can just put in each of your conditional components templates. – TSiders Mar 11 '22 at 16:45

Make a component render in more than one page - Routes Angular 13

1 Answers1