Angular-Routing mit dem Parameter nicht

Question

Arbeits ich die neuen SPA-Vorlagen für .NET-Core installiert haben, und erstellt ein neues Angular Projekt. Hier ist a link wenn Sie daran interessiert sind es auszuprobieren. Es kommt mit einem Beispiel für das Routing. Jetzt versuche ich, das Routing mit einem Parameter zu arbeiten, aber ich habe Schwierigkeiten damit, es zum Laufen zu bringen.

In app.module.ts, ich definieren den Pfad wie folgt (mit einem Parameter):

{ path: '', redirectTo: 'home', pathMatch: 'full' }, 
{ path: 'home', component: HomeComponent }, 
{ path: 'counter', component: CounterComponent }, 
{ path: 'fetch-data', component: FetchDataComponent }, 
{ path: 'fetch-data:id', component: FetchDataComponent }, 
{ path: '**', redirectTo: 'home' } 

Und das ist, wie ich den Router Link bin definieren:

<a [routerLink]="['/fetch-data',3]"> 
    <span class='glyphicon glyphicon-th-list'></span> Fetch data by ID 
</a> 

Die Der Pfad zeigt korrekt an, wenn ich den Mauszeiger über den Link halte, aber wenn ich darauf klicke, bringt er mich zurück nach Hause. Ich dachte, vielleicht ist es mit dem Weg in Konflikt darüber, damit ich die folgende Zeile gelöscht, aber noch ist es nicht funktioniert:

{ path: 'fetch-data', component: FetchDataComponent }, 

Answer 1

ändern

{ path: 'fetch-data:id', component: FetchDataComponent },

Um

{ path: 'fetch-data/:id', component: FetchDataComponent },