Pass multiple parameters to Router navigation in Angular

Question

I was able to pass a single parameter to Router navigate in Angular 4 like follow and it works fine.

this.router.navigate(['modifyOrder/:labOrderNumber', {labOrderNumber: labOrderNumber}]);

But when I tried to pass 2 parameters, it doesn't work. It didn't take me to modifyOrder page but redirect me to the homepage without giving any error.

this.router.navigate(['modifyOrder/:labOrderNumber/:labInvoiceNumber', {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}]);

Zam Abdul Vahid · Accepted Answer · 2021-03-09 21:54:23Z

1

You can use queryParams property to pass multiple parameters.

this.router.navigate(['modifyOrder', {queryParams: {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}}])

answered Mar 9, 2021 at 21:54

Zam Abdul Vahid

2,7313 gold badges22 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

Pass multiple parameters to Router navigation in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related