2016-09-22 111 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動態標記導航。數組中的值,其中每個值將根據組件上下文進行評估。

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

哈哈,我其實是想什麼我做錯了,直到你編輯。謝謝,它正在工作。我不知道爲什麼我在文檔中找不到它。我試圖在第一個答案中與你做同樣的事情,並且它創建了:href =「/ category; cat = 1; page = 1」。 –

+0

@DawidZbiński那是我的不好。 :D它會形成''''分開的字符串是wiered .. –

+1

沒關係,最後一切都很完美。再次感謝。 –

1

,你可以不喜歡它,例如: -

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

希望它能幫助,

感謝