如何将组件从父模块共享到 2 个子模块?



我有一个共享组件,我正在尝试将它们导入到我的功能模块中。但是得到错误。无法导入。我也是出口。唯一的问题是它只是组件而不是模块。

这是我的代码:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { FormsModule } from '@angular/forms';
import { FeatureOneModule } from './feature1/feature-one.module';
import { FeatureTwoModule } from './feature2/feature-two.module';
import { ScopeRoutesModule } from './setup-config.routes';
import { SetupConfig } from "./setup-config.component";
import { SharedOne } from "./../shared-component/shared-one.component";
@NgModule({
declarations:[SetupConfig, SharedOne],
imports:      [ 
FormsModule,
ScopeRoutesModule,
FeatureOneModule,
FeatureTwoModule ],
exports:[RouterModule, SharedOne]
})
export class ScopeModule { }

在上面,我正在尝试在"功能一个模块"和"功能两个模块"下使用"共享一个"。 有人在这里帮助我吗?现场演示

按照 Angular 的风格指南,您应该创建一个SharedModule来包含跨多个功能模块共享的所有组件/管道等。
在每个功能模块中,您需要这些共享组件,导入SharedModule

此外,您似乎没有在FeatureOneModule声明中包含FeatureOneDeleteFeatureOneEdit

我已经分叉了您的堆栈闪电战并对其进行了编辑,请在此处探索源代码。

最新更新