Angular2 - 導航到單個項目

如何從一系列事件導航到單個事件？Angular2 - 導航到單個項目

<md-card *ngFor="let event of events | async"> 
    <a href="" routerLinkActive="event/{{event.slug}}"><img class="event-img" src="http://lorempixel.com/30/30" />{{ event.name }}</a> 
</md-card>

來源

2017-06-17 Ciprian

'<一個[routerLink] = 「[ '事件'，event.slug]」'？ – developer033

是的！謝謝。請添加一個答案 – Ciprian

[Angular 2：如何使用\ [routerLink \]提供插值]（https://stackoverflow.com/questions/42104040/angular-2-how-to-provide-interpolation-with- routerlink） –

如在RouterLinkActive文檔說：

的RouterLinkActive指令，您可以添加一個CSS類元素當鏈路的路線變得活躍。

要導航，則應該使用RouterLink：

<a [routerLink]="['event', event.slug]"

或

<a routerLink="event/{{event.slug}}"

來源

2017-06-17 03:26:27 developer033

不，第二個選項並非真正的推薦。避免手動連接，只需傳遞鏈接參數數組中的值，然後讓角度完成其餘部分。 –

@ Jota.Toledo第一，第二。選項，只是一個問題的副本（我剛剛用'routerLink'替換了'routerLinkActive'）。而我在這裏看不到任何串聯（呵呵？）...無論如何，你在哪裏發現*「並不是真正推薦的......」？ – developer033

@ Jota.Toledo另外，如果你低估了它，請解釋我的答案爲什麼不正確。我很樂意跟你學習。 – developer033

Angular2 - 導航到單個項目

回答

相關問題