Ignore part of route path

Question

One of the routes in my Angular 6 application is defined as below -

{ path: 'product/:productId', component: ProductPageComponent }

Now, I want to handle URLs like /product/BEV15733/Raw-Apple-Cider-Vinegar with this (i.e. I want to ignore the third path segment). However, when navigating, Angular throws error like -

Error: Cannot match any routes. URL Segment: 'product/BEV15733/Raw-Apple-Cider-Vinegar'

Why do you want to ignore it? Why have it on the URL in that case? You can always create a second url param, `:productName`, and just do nothing with it I guess — user184994, Sep 01 '18 at 08:27

score 0 · Answer 1 · answered Sep 01 '18 at 13:40

0

Maybe this will work:

{ path: 'product/:productId/:ignoreParam', component: ProductPageComponent }

With ':' you expect a param in your url, and you can ignore this last segment.

answered Sep 01 '18 at 13:40

mp92

92
5

Ignore part of route path

1 Answers1