web-dev-qa-db-fra.com

routerLink ne fonctionne pas dans Angular 6

J'apprends Angular 6.

J'ai conçu ma structure d'application sous forme de hiérarchie avec la structure suivante.

my_app
 |- src
    |- app
       |- layout
          |- admin-layout
             |- admin-layout.module.ts
             |- admin-layout.routing.ts
             |- admin-layout.component.html
       |- contacts
          |- contact-list
             |- contact-list.component.ts
             |- contact-list.component.html
          |- contacts.module.ts
       |- transaction
          |- amount-given
             |- amount-given-list
                |- amount-given-list.component.ts
                |- amount-given-list.component.html
             |- amount-given.module.ts
             |- amount-given.routing.ts
             |- amount-given.service.ts
          |- transaction.module.ts
          |- transaction.routing.ts
       |- app.module.ts
       |- app.component.html
       |- app-routing.module.ts

Le code source et l'illustration de la démonstration peuvent être trouvés ici: https://stackblitz.com/edit/angular-wcglvr

<a routerLink="/dashboard">Dashboard</a>

travaille à partir de /transaction/amount-given/amount-given-list/ mais pas de /contacts/contact-list.

Comme le code source est assez long et hiérarchique, j'ai ajouté une illustration de démonstration sur stackblitz.

angularangular6
3
Anuj TBE

Vous n'avez pas importé RouterModule dans ContactsModule.

12
JB Nizet

Vous avez oublié d'importer RouterModule dans votre module de contacts

Je l'ai fait dans votre stackblitz et cela a fonctionné.

2
Manzur Khan

Ajoutez ceci dans vos contacts.module.ts

import {RouterModule} from '@angular/router'; @NgModule({ imports: [ RouterModule ],

0
Sanjay Rajeev