天天看点

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

在 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 调试的开关

继续阅读