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 的文档所述：

The RouterLinkActive directive lets you add a CSS class to an element when the link's route becomes active.

要导航，您应该使用 RouterLink:

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

或

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

Angular2 - 导航到单个项目

Angular2 - Navigating to single item

angular-routing

angular