Passing Parameters to Route in angular 2

Question

I was working on router in angular 2. My URL has the following parameters for example: www.hi.com?name=foo,bar

I want to pass the parameter data to my route as I want to filter some data based on 'name'.

<ul>
    <li><a [routerLink]="['/NewPage']">NewPage</a></li>
    <li><a [routerLink]="['/EmployeeData']">Security Dashboard</a></li>
</ul>
<div>
    <router-outlet></router-outlet>
</div>

I want the parameter to be used in the route as /EmployeeData?name=foo,bar

How can I achieve this ?

Thanks in Advance

Philipp Kief · Accepted Answer · 2016-12-19 11:56:22Z

0

I think this is what you need:

<a [routerLink]="['/EmployeeData']" [queryParams]="{name:foo}">Security Dashboard</a></li>

answered Dec 19, 2016 at 11:56

Philipp Kief

8,6745 gold badges36 silver badges44 bronze badges

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

1 Comment

CruelEngine Over a year ago

will try this . Thank You :)

Collectives™ on Stack Overflow

Passing Parameters to Route in angular 2

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related