2016-09-22 5 views
6

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

Если кто-то любопытно, здесь есть функция я использую, чтобы связать параметры:

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

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

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

ответ

10

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

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

Ха-ха, я был на самом деле думал, что я сделал неправильно, пока вы изм. Спасибо, он работает. Я не знаю, почему я не мог найти его в документации. Я пытался сделать то же самое, что и вы в первом ответе, и он создал: href = "/ category; cat = 1; page = 1". –

+0

@ DawidZbiński, это было мое плохое. : D он образует ';' разделенную строку, которая является wiered. –

+1

Nevermind, в конце все работает отлично. Еще раз спасибо. –

1

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

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

Надеется, что это помогает,

Благодаря

Смежные вопросы