Angular send an different type (enum) in the url when using routerLink

Asked Mar 23 '18 at 12:23

Active Mar 23 '18 at 12:42

Viewed 812 times

I have a button which has an routerlink.

On the "routedpage" there is an enum which decides what will be loaded on the page.

I like to send a param with the button so I can use it on the routed page.

<a routerLink="/all-countries">List of coutries</a>

I tried the activatedroute option but that needs a string in the url.

const name: string = this.route.snapshot.paramMap.get('somestring_but_need_an_enum');

is it not possible to send an @output when clicked on the button and use this on the routed page as an @Input.

If this is not the right method which method should I use.

Route module contains the following routes:

const routes: Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent },
    { path: 'detail/:name', component: CountryDetailComponent },
    { path: 'all-countries', component: AllCountriesComponent }
];

edited Mar 23 '18 at 12:42

asked Mar 23 '18 at 12:23

Babulaas

If I understand well your are trying to pass a parameter to the route from the template, correct? also, can you include the Route object? – Ricardo Mar 23 '18 at 12:32
what do you mean with the route object? – Babulaas Mar 23 '18 at 12:40
the routes of your app, or at least the one that you want to access, maybe the problem is there – Ricardo Mar 23 '18 at 12:40
your are missing the param declaration in your route "all-countries", if you add one you can use [routerLink]="['all-countries',param]" – Ricardo Mar 23 '18 at 12:54
thank you, but still I can't pass a enum value. the value must be a string List of all countries – Babulaas Mar 23 '18 at 15:02
you can stringify the object – Ricardo Mar 23 '18 at 16:04

Angular send an different type (enum) in the url when using routerLink

0 Answers0