Angular 2 Routing - Router RC3

Question

Ich versuche, zu einer Seite mit einem RouterLink zu navigieren, nachdem ich eine ID bekommen habe, die ich bekommen kann.

Das Problem ist der Link wird angezeigt als '/ Seite; ID = 10/Komponente'. Ich möchte es als '/ Seite/10/Komponente' zeigen (nicht Notation Matrix - keine '; id =')

In meinem app.routes.ts:

@RouterConfig = [ 
    { path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} } 
]; 

In meiner Seite :

<a [routerLink]="['page', {id: item.id}, 'component']"> 

Ich verwende die neueste Angular 2 Router-Komponente (RC3 Beta 2).

Wer weiß, was ich falsch mache? Danke im Voraus.

Answer 1

sollte sein:

<a [routerLink]="['page', {'id': item.id}, 'component']"> 

statt:

<a [routerLink]="['/page', item.id, 'component']"> 

Answer 2

dieses Versuchen

<a [routerLink]="['page', item?.id, 'component']"> 

Answer 3

Von dem, was ich diese Strecke Konfiguration sehen können, funktioniert nicht:

{ path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} } 

Ich denke, was Sie wirklich fragen müssen, ist, ob die endgültige '/component' notwendig ist. Wenn dies der Fall ist, sollten Sie eine child route hinzufügen.

Eine andere Option wäre, die Reihenfolge Ihrer Route zu ändern, indem Sie stattdessen page/component/:id verwenden. Ich glaube, dass die Routerlink-Anweisung Ihre URL-Suchparameter an das Ende der Route anhängt, also sollte dies funktionieren.

Auch hier wäre die einfachste Lösung, einfach '/component' aus der Routenkonfiguration zu entfernen.