router link with params code example

Example 1: angular [routerlink]

content_copy
      
      <a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
  link to user component
</a>

Example 2: routerlink example

<a class="nav-link" [routerLink]="['/home']" (click)="doSomeLogic()">Home</a>

Example 3: router link with params

<!-- Import in module... -->
imports: [
    RouterModule,
  	....
],
  
<!-- HTML -->
<button [routerLink]="['profile', user.id]"........

Example 4: this.router.navigate

<a [routerLink]="['/', 'red-pill', {x: 'white-rabbit'}, 'neo']">
  Param!
</a>

Tags:

Html Example