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。

Answer 2

您忘记在通讯录模块中导入RouterModule

我已经在你的闪电战中做到了，并且奏效了。

Answer 3

将此添加到您的contact.module.ts

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

routerLink在Angular 6中不起作用

3 个答案: