Angular routing path matching using route parameters

Question

I'm trying to create a route config that will match the path :id/compA, otherwise fallback to the route that has the :tab route parameter. The :tab route always seems to match regardless of order.

How do I do this?

Thanks!

const routes: Routes = [
    {
        path: ':id/compA',
        component: SpecificComponent
    },
    {
        path: ':id/:tab',
        component: GeneralComponent
    }
];

Angular by default looks at parameterised routes first and then non parameterised ones. So :id/:tab takes precedence over the other one. I guess you might wanna redesign your routes and components. But anyway, 2 consecutive parameters in the routes don't look like a good idea. — Antediluvian
– Antediluvian, Commented Jan 10, 2020 at 0:45
Thanks for the info. I agree that I should take another approach here with my path matching. — user3481798
– user3481798, Commented Jan 10, 2020 at 13:58

Xander · Accepted Answer · 2020-01-10 00:04:37Z

3

You could try giving UrlMatcher a try.

You could setup some custom logic for route matching.

answered Jan 10, 2020 at 0:04

Xander

1811 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

Angular routing path matching using route parameters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related