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 - 导航到单个项目

回答

相关问题