將多個參數傳遞給 routerLink

Question

我想使用 routerLink 導航到另一個組件，這是我的路由定義

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

將這兩個參數（id，translation_id）傳遞給 routerLink 的正確格式是什么？

Answer 1

假設id是 1， translation_id是 2。那么你可以像下面的例子一樣使用它

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

此外，如果您需要在組件中使用id和translation_id作為變量

在組件中

  id = 1;
  translation_id = 2;

在組件模板中，您可以像這樣使用：有關更多詳細信息，請參閱DOC

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

或者像下面這樣

<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