小编Mat*_*nfo的帖子

Angular Circular Module 导入

我有两个模块,它们的组件相互使用。所以我必须在“test”中导入“word”,在“word”中导入“test”-->抛出一个错误......我该怎么办?

模块“测试”:

    @NgModule({
      declarations: [
        AppTest1Component,
        AppTest2Component,
      ],
      imports: [
        AppWordModule,
      ],
      exports: [
        AppTest1Component,
        AppTest2Component,
      ],
    })
    export class AppTestModule {
    }
Run Code Online (Sandbox Code Playgroud)

模块“字”:

    @NgModule({
      declarations: [
        AppWordComponent,
      ],
      imports: [
        AppTestModule,
      ],
      exports: [
        AppWordComponent,
      ],
    })
    export class AppWordModule {
    }
Run Code Online (Sandbox Code Playgroud)

我因为模板相互导入。test1.component.ts的模板调用word.component.ts,word.component.ts的模板调用test1.component.ts。

测试1.html

    <div class="app-word"></div>
Run Code Online (Sandbox Code Playgroud)

字.html

    <div class="app-test1"></div>
Run Code Online (Sandbox Code Playgroud)

我尝试使用 SharedModule 但我没有实现...

import module circular-dependency angular

9
推荐指数
1
解决办法
2051
查看次数

标签 统计

angular ×1

circular-dependency ×1

import ×1

module ×1