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

Question

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

这是我的代码：

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 { }

在上面我试图让 "SharedOne" 在 "FeatureOneModule" 和 "FeatureTwoModule" 下使用。有人帮我吗？Live Demo

Answer 1

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

此外，您似乎没有在 FeatureOneModule 声明中包含 FeatureOneDelete 和 FeatureOneEdit。

我已经分叉了你的 stackblitz 并对其进行了编辑，探索源代码 here。

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

How to share a component to 2 child module from the parent module?

angular

angular9