RouterLink ne fonctionne pas

Mon routage dans les applications angular2 fonctionne bien. Mais je vais faire un itinéraire basé sur ceci :

Voici mon routage:

const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; 

Et voici les liens que j’ai faits:

  

Je m’attends à ce que, lorsque je clique dessus, il navigue vers le composant respecté, mais ne réalise rien?

Le code que vous affichez est absolument correct.

Je soupçonne que votre problème est que vous n’importez pas RouterModule (où RouterLink est déclaré) dans le module qui utilise ce modèle.

J’ai eu un problème similaire et cela m’a pris du temps à résoudre car cette étape n’est pas mentionnée dans la documentation.

Donc, allez au module qui déclare le composant avec ce template et ajoutez:

 import { RouterModule } from '@angular/router'; 

puis ajoutez-le à vos importations de modules, par exemple

 @NgModule({ imports: [ CommonModule, RouterModule ], declarations: [MyTemplatesComponent] }) export class MyTemplatesModule { } 

En plus d’avoir les instructions d’importation correctes, vous aurez également besoin d’un emplacement pour afficher ce routerLink, qui se trouve dans l’élément , de sorte qu’il doit également être placé quelque part dans votre code HTML. balisage pour que le routeur sache où afficher ces données.

n’oubliez pas de l’append ci-dessous dans votre modèle:

  

Essayez de changer les liens ci-dessous:

   

Ajoutez également ce qui suit dans l’en-tête de index.html:

utilisez-le comme ça pour les infos de mroe lisez ce sujet

 About this 

Les liens sont faux, vous devez faire ceci:

  

Vous pouvez lire ce tutoriel