RouterLink с несколькими параметрами в Angular

Я хочу создать ссылку на маршрут с несколькими параметрами и связать их в tempalte. До сих пор я делал это, выполняя функцию на (click) событие, но мне было интересно, если это возможно в RouterLinkобязательна.

Вот функция, которую я использую для привязки параметров:

redirect() {
    this._router.navigate( ['/category', { cat: this.category, page: this.page }]);
}

Мой маршрут выглядит так:

{
    path: 'category/:cat/:page',
    component: PostComponent
}

Смогу ли я сделать то же самое внутри routerLink Директива?

2 ответа

Решение

Да, конечно, вы могли бы использовать routerLink формировать href тег динамически для навигации. Значения в массиве, где каждое значение будет оцениваться в контексте компонента.

[routerLink]="['/category', category, page ]"

Вы можете сделать это, например:-

<p *ngFor="let emp of employees; let i = index">
  <li><a [routerLink]="['delete', i]">{{emp.name}}</a>({{emp.status}})</li>
</p>

Надеюсь, поможет,

Спасибо

Другие вопросы по тегам