Setting Angular Query Parameters Imperatively

Scenario

When the user clicks our link we the following URL to be produced:

http://localhost:4200/todos?status=complete&priority=high

Approach

constructor(router: Router) {}todosNavigation() {
this.router.navigate(
['/todos'],
{ queryParams: {
status: 'complete',
priority: 'high'
} });
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ole Ersoy

Ole Ersoy

Founder of Firefly Semantics Corporation