Instalé las nuevas plantillas SPA para .NET Core y creé un nuevo proyecto Angular. Aquí hay un enlace si estás interesado en darle una oportunidad. Viene con un ejemplo de enrutamiento. Ahora estoy tratando de hacer que el enrutamiento funcione con un parámetro, pero tengo dificultades para que funcione.

En app.module.ts, estoy definiendo la ruta de la siguiente manera (con un parámetro):

 { 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' }

Y así es como estoy definiendo el enlace del enrutador:

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

La ruta se muestra correcta cuando paso el mouse sobre el enlace, pero cuando hago clic en él, me lleva de vuelta a casa. Pensé que tal vez estaba en conflicto con la ruta anterior, así que eliminé la siguiente línea, pero aún así no funciona:

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