相关疑难解决方法(0)

Angular - 跨多个模块使用组件

我在用什么

  • 角

我想做什么

  • 我有一个我想在多个模块中重用的加载组件

我做了什么

  • 我创建了一个名为'loading-overlay'的新模块

  • 在这个模块中,我导出了叠加组件

  • 我将此模块添加到app.module

  • 将组件添加到多个模块时,我收到以下错误:

类型LoadingOverlayComponent是2个模块的声明的一部分:LoadingOverlayModule和ProjectsModule!请考虑将LoadingOverlayComponent移动到导入LoadingOverlayModule和ProjectsModule的更高模块.您还可以创建一个新的NgModule,它导出并包含LoadingOverlayComponent,然后在LoadingOverlayModule和ProjectsModule中导入该NgModule.

  • 我已经尝试从app.module中删除它并将其导入我需要的其他模块而没有太多运气.我必须遗漏一些明显的东西.

叠加模块

// Modules
import { NgModule } from '@angular/core';

// Components
import { LoadingOverlayComponent } from './loading-overlay.component';



@NgModule({
  declarations: [
    LoadingOverlayComponent,
  ],

  imports: [

  ],

  exports: [
    LoadingOverlayComponent
  ],

  providers: [ ],

})

export class LoadingOverlayModule { }
Run Code Online (Sandbox Code Playgroud)

应用模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Routing
import { AppRouting } from './routing/app-routing';

// Modules
import { …
Run Code Online (Sandbox Code Playgroud)

angular-module angular

11
推荐指数
3
解决办法
7140
查看次数

标签 统计

angular ×1

angular-module ×1