change - google analytics angular 5

¿Cómo configurar los parámetros de consulta a url Angular2?

Question

Tengo el requisito de establecer una url con parámetros de consulta como /Questions?id=1234&pageid=0 . He intentado hacerlo a través del router.Navigate[''/Questions?id=1234&pageid=0''] pero no router.Navigate[''/Questions?id=1234&pageid=0''] suerte.

Después de la navegación, el navegador muestra como /Questions%3Fid%3D1234%26pageid%3D0 .

También lo he intentado configurando routerLink="/Questions?id=1234&pageid=0" , pero con el mismo resultado.

Por favor, sugiera cualquier solución para hacerlo. Estoy usando rc5 para angular2 .

Answer 1

Encontré una solución al proporcionar el enlace del enrutador y los parámetros de consulta por separado, como a continuación:

<a [routerLink]="[''/Questions'']" [queryParams]="{id:1234,page:1}"></a>

Esto está funcionando bien para mí.

Answer 2

Necesitas actualizar tu router.navigate

this.router.navigate([''/Questions'', {id: 1234, pageid: 0}]);

Answer 3

Puede pasarlos como elementos en el enrutador, pero fuera de la matriz de comandos:

[routerLink]="["/Questions"], {queryParams: {id:1234, pageid:0}}"

esto genera lo que desea: /Questions?id=1234&pageid=0

O puedes usarlo programáticamente:

this.router.navigate([''/Questions''], { queryParams: {id:1234, pageid:0} })

siendo el enrutador una instancia de @angular/router ''s Router

Answer 4

Puede pasarlos como elementos en la matriz de comandos del enrutador:

[routerLink]="[''/Questions''] [queryParams]="{id:1234, pageid:0}} ]"

Consulte también angular.io/docs/ts/latest/guide/router.html#!#query-parameters