routerLink not working in Angular 6

Question

I'm learning Angular 6.

I have designed my application structure in hierarchy form with following structure.

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

The source code and demo illustration can be found here: https://stackblitz.com/edit/angular-wcglvr

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

is working from /transaction/amount-given/amount-given-list/ but not from /contacts/contact-list.

Since source code is quite long and hierarchical, I have added demo illustration on stackblitz.

score 23 · Accepted Answer · edited Oct 15 '19 at 05:17

23

You have not imported RouterModule in ContactsModule.

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

@NgModule({
   imports: [
     RouterModule
   ],

edited Oct 15 '19 at 05:17

Evan Carroll

78,363
46
261
468

answered Aug 15 '18 at 13:53

JB Nizet

678,734
91
1,224
1,255

score 6 · Answer 2 · edited Sep 17 '19 at 12:05

6

Add this in your contacts.module.ts

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

 @NgModule({
    imports: [
       RouterModule
     ],

edited Sep 17 '19 at 12:05

Ganesh

5,808
2
21
41

answered Aug 15 '18 at 16:01

Sanjay Rajeev

151
1
4

score 3 · Answer 3 · answered Aug 15 '18 at 13:57

3

You have forgotten to import RouterModule in your contacts Module

I've did that in your stackblitz and it worked.

answered Aug 15 '18 at 13:57

Manzur Khan

2,366
4
23
44

This doesn't provide anything that Sanjay's answer lacks. – Evan Carroll Oct 14 '19 at 19:56
2

@EvanCarroll You should ask Sanjay since he has answered 2 hours after me! – Manzur Khan Oct 15 '19 at 05:11

routerLink not working in Angular 6

3 Answers3

Linked