Angular – 跨多个模块使用组件
我在用什么
>角度 我想做什么 >我有一个我想在多个模块中重用的加载组件 我做了什么 >我创建了一个名为’loading-overlay’的新模块
>我已经尝试将其从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 { } 应用模块 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 { ProjectsModule } from './projects/projects.module'; import { UserModule } from './user/user.module'; import { LoadingOverlayModule } from './loading-overlay/loading-overlay.module'; // Services / Providers import { AuthService } from './user/auth.service' @NgModule({ declarations: [ AppComponent,imports: [ BrowserModule,AppRouting,LoadingOverlayModule ],providers: [ AuthService,bootstrap: [AppComponent] }) export class AppModule { } 项目模块 // Modules import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { LoadingOverlayModule } from '../loading-overlay/loading-overlay.module'; import { LoadingOverlayComponent } from '../loading-overlay/loading-overlay.component'; @NgModule({ declarations: [ LoadingOverlayComponent ],imports: [ CommonModule,RouterModule,LoadingOverlayModule ],}) export class ProjectsModule { } 任何帮助指出我愚蠢错过的将非常感谢:) 解决方法
去掉 :
来自AppModule的LoadingOverlayModule 来自ProjectsModule的LoadingOverlayComponent 而且: import LoadingOverlayModule其所需的位置 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |