可以在不同的模块组件之间共享数据

时间:2020-10-11 03:30:03

标签: javascript node.js angular

我曾尝试过在组件之间的模块之间共享数据,但无法这样做,我尝试采用服务方法,但认为如果您可以用刀切苹果,那为什么要用剑呢?

1 个答案:

答案 0 :(得分:0)

如果您也共享代码段,那就太好了。

我认为通过这种方法,您可以根据需要获取数据。只需在app.module.ts中设置SharedData类,并在您要使用的任何模块中导入sharedService。

// shared.module.ts

import ...
// create shared data
const sharedModule = new AdmobService(new AdMobFree(), new InAppPurchase()); 

@NgModule({
  providers: [
    //...,
    { provide: AdmobService, useValue: sharedModule }, 
  ]
})
export class sharedModule { }

// Module1
// module1.ts
@NgModule({
  imports: [
    ...,
    sharedModule, // import shared module
  ],
})
export class Module1 { }


// Module 2
/// module2.ts
@NgModule({
  imports: [
    ...,
    sharedModule, // import shared module
  ],
})
export class Module2 { }