How can I specify query parameters by routerLink directive

Question

I am experimenting the new router (version 3.0.0-alpha.7) and would like to know how to specify query parameters by routerLink directive?

The Router.navigate() metho

Answer 1

In the new router component, you can do it in this way:

Passing a parameter in the URL:

<a [routerLink]="['/component-a', 1]">Component A</a>

Passing e query parameter:

<a [routerLink]="['/component-a', { x: 1 }]">Crisis Center</a>

Answer 2

You can do something like this

<a [routerLink]="['/component-a']" [queryParams]="{x: 1}">Component A</a>