Change url param angular

constructor(private router: Router) { }

public myMethodChangingQueryParams() {
  const queryParams: Params = { myParam: 'myNewValue' };

  this.router.navigate(
    [], 
    {
      relativeTo: activatedRoute,
      queryParams: queryParams, 
      queryParamsHandling: 'merge', // remove to replace all query params by provided
    });
}

Source: stackoverflow.com

Angular set url parameters

//in your HTML code :
<a href="javascript:;" routerLink="/link/params">
  My link
</a>

// app-routing.module.ts:
//in your Routes array :
{path: '/link/:paramsName', component: MyComponent }

Similar codes

5 votes201 views1 answer
Python tkinter remove widget
TypeScript
1 vote275 views1 answer
'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript
6 votes277 views1 answer
Check if key is in the js object
TypeScript
0 vote317 views2 answers
Error: "Filesystem" plugin is not implemented on android
TypeScript
1 vote281 views1 answer
Ion slides updateAutoHeight
TypeScript
1 vote272 views2 answers
Hthe cmd to create tsconfig.json
TypeScript
0 vote358 views1 answer
Apexcharts pie chart colors
TypeScript
0 vote269 views1 answer
Mixins with parameters typescript
TypeScript
0 vote244 views1 answer
Can blue jays tickets still be printed
TypeScript
0 vote272 views1 answer
Array<Type> VS Type[] in Typescript
TypeScript