passing multiple parameters to routerLink

Question

I want to use routerLink to navigate to another component , here is my route definition

{path: 'articles/:id/edit-translation/:translation_id',component: ArticleEditTranslationComponent}

what is the correct format to pass theses 2 params (id,translation_id) to routerLink ?

Answer 1

Let's say id is 1 and translation_id is 2. Then you could use it like bellow example

  <a [routerLink]="['/articles/1/edit-translation/2']">
    link to component
  </a>

Also if you need to use id and translation_id as variables in the component

in component

  id = 1;
  translation_id = 2;

in component template you could use like this : Refer the DOC for more details

<a [routerLink]="['/articles', id, 'edit-translation', translation_id]">
  link to component
</a>

or like bellow way

<a [routerLink]="['/articles/'+ id +'/edit-translation/'+ translation_id]">
  link to component
</a>

Answer 2

<a [routerLink]="['/articles', id, 'edit-translation', translation_id]"> link to another component</a>

更多参考， https://angular.io/api/router/RouterLink和https://angular.io/guide/router