Angular 将数据传递给共享模块

Question

我正在编写代码以从 API 获取成员列表并将其显示在成员卡列表(模块 A)中。成员(member)卡是一个共享模块(Module B)。将模块 B 导入模块 A 并显示为列表是没有问题的(仅使用硬编码的 html)。
但是，我需要在循环中将每个成员数据从模块 A 传递到模块 B，以便在成员卡中显示数据。请帮助我了解如何将数据传递到模块 A 到模块 B



我已关注此引用 https://medium.com/frontend-fun/angular-4-shared-modules-18ac50f24852为了使用共享成员(member)卡模块创建成员(member)卡列表。

在我的模块 A 中，我已经导入了成员(member)卡模块

 import { MemberCardModule} from 'app/shared/member-card/member-card.module';

  declarations: [MemberListComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    MemberCardModule,
...... 

在 component.html (Module A) 下面是成员(member)卡循环的代码

<app-member-card *ngFor="let member of members"></app-member-card>

** 我在 component.ts 中有成员数组(模块 A)

在循环过程中，我需要将每个成员(member)数据传递给模块 B 中的成员(member)卡模板。

请帮忙

Answer 1

要将数据传递给共享模块，请执行以下步骤:

模块A:

imports: [
  BrowserModule,
  ModuleB.forRoot({
    memberData: memberData
  })
]

模块 B

export class ModuleB{ 
  static forRoot(memberData): ModuleWithProviders {
    return {
      ngModule: ModuleBModule,
      providers: [ModuleBService,{provide: 'memberData', useValue: memberData}]
    };
  }
}

模块 B 服务

export class ModuleBService{

  constructor(@Inject('memberData') private memberData:any) {
    console.log(memberData)
   }
}