Angular2 - 导航到单个项目

Question

如何从事件列表导航到单个事件？

<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>

Answer 1

如RouterLinkActive的文档所述：

  

RouterLinkActive指令允许您向元素添加CSS类   当链接的路由变为活动状态时。

要导航，您应该使用RouterLink：

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

或

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