routerLink不工作在角6

Question

我在学Angular 6。

我以层次结构的形式设计了我的应用程序结构，结构如下。

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

源代码和演示示例可以在这里找到：https://stackblitz.com/edit/angular-wcglvr

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

在/transaction/amount-given/amount-given-list/工作，但不在/contacts/contact-list工作。

由于源代码很长，而且是分层的，所以我在stackblitz上添加了演示示例。

Answer 1

您还没有在RouterModule中导入ContactsModule。

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

@NgModule({
   imports: [
     RouterModule
   ],

Answer 2

将此添加到您的contacts.module.ts中

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

 @NgModule({
    imports: [
       RouterModule
     ],

Answer 3

您忘了在联系人模块中导入RouterModule

我在你的闪电战中做过这件事，效果很好。