2017-06-17 4 views
0

Wie kann ich von einer Liste von Ereignissen zu einem einzelnen Ereignis navigieren?Angular2 - Navigieren zu einem einzelnen Objekt

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

ja! Danke. füge bitte eine Antwort hinzu – Ciprian

+0

Mögliches Duplikat von [Angular 2: Wie man Interpolation mit \ [routerLink \]] zur Verfügung stellt (https://stackoverflow.com/questions/42104040/angular-2-how-to-provide-interpolation-with- routerlink) –

Antwort

1

Wie gesagt in docs von RouterLinkActive:

Die RouterLinkActive Richtlinie können Sie auf ein Element eine CSS-Klasse hinzuzufügen, wenn die Route des Link aktiv wird.

So navigieren Sie RouterLink verwenden sollten:

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

oder

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

Nein, die zweite Option ist nicht wirklich empfehlenswert. Vermeiden Sie manuelle Verkettungen, übergeben Sie einfach die Werte im Link-Parameter-Array und lassen Sie angular den Rest erledigen. –

+0

@ Jota.Toledo Zuerst der 2.. Option, ist nur eine Kopie von Frage (ich habe gerade "routerLinkActive" durch "routerLink" ersetzt). Und ich kann hier keine Verkettung sehen (hm?) ... Wie auch immer, wo hast du das gefunden "ist nicht wirklich empfehlenswert ..."? – developer033

+0

@ Jota.Toledo Auch, wenn Sie es downvoted, bitte erklären, warum meine Antwort nicht korrekt ist. Ich würde gerne mit dir lernen. – developer033

Verwandte Themen