在 page-slot.module.ts 里,定义一个配置对象 ConfigUIDebug.

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

这个配置对象定义在 cms-component-data.ts 的 ConfigUIDebug 对象里,包含一个 boolean 类型字段:switchOn

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

通过:

providers: [provideDefaultConfigFactory(jerryConfigFactory)],

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

注入到 injection token 里:

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

给 DefaultConfigChunk 提供了运行时实现。

这样,在运行时,PageSlotComponent 就可以在构造函数里注入全局 Config 对象,进而访问到字段 switchOn 的值。

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

最后在 PageSlotComponent html 页面实现里,使用这个开关:

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

关闭这个开关的 UI:

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

打开之后的 UI:
在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

更多Jerry的原创文章,尽在:"汪子熙":
在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案