Angular Routing to different paths for one component

Question

I have a page called http://example.com/consultation which represents the landing page (first page) of angular in my site, and the routes are as shown below. The Question is: when the link is http://example.com/consultation (without anything after consultation i need to distribute routing randomly to ask-question and service-page. Any idea how to achieve this?

export const routes: Routes = [
    {
        path: 'consultation',
        component: OnlineConsulationComponent,
        children: [
            { path: '', redirectTo: 'ask-question', pathMatch: 'full' },
            { path: 'ask-question', component: AskQuestion },
            { path: 'service-page', component: ServicePage },
            { path: '**', redirectTo: 'ask-question' }
        ]
    }
];

David Anthony Acosta · Accepted Answer · 2018-02-01 15:35:37Z

0

Your redirects should have a slash in front

redirectTo: '/ask-question'

answered Feb 1, 2018 at 15:35

David Anthony Acosta

4,9381 gold badge21 silver badges21 bronze badges

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

1 Comment

Alaa Over a year ago

Thanks @David, but does this make the random routing to two links?

Asher Kleiman · Accepted Answer · 2020-04-13 19:14:43Z

0

I would do it from the OnlineConsultationComponent ngOnInit function. Just check the route there and if you don't detect 'ask-questions' or 'service-page' inside the active route, then reroute to one of those two chosen randomly. There is no way of doing this through the router directly.

You can also achieve this same behavior with a guard if you don't want to dont want to do it inside the component.

answered Apr 13, 2020 at 19:14

Asher Kleiman

1495 bronze badges

1 Comment

Asher Kleiman Over a year ago

Lol, i just saw this is a two year old question. Hope this helps someone anyways.

Collectives™ on Stack Overflow

Angular Routing to different paths for one component

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related