Angular Routing adds %2F to Route instead of Backslash

Question

I'm creating a simple route to send a parameter to the URL.

HTML

[routerLink]="['/private/admin/System/',myParameter,'users/add-user']

Routing-Module

  { path: ':myParameter/users/add-user',  component: MyComponent},

Error

Error: Cannot match any routes 'private/admin/System/PARAMETER/users**%2F**add-user

Angular creates Route with %2F instead of /

Answer 1

You need to pass parameters separately, as array items

This should work:

[routerLink]="['/private/admin/System/',myParameter,'users','add-user']
//                                                       ^^^^^ Here, you need to split `user/add-user`