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

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

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第1张图片

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

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第2张图片

通过:

providers: [provideDefaultConfigFactory(jerryConfigFactory)],

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第3张图片

注入到 injection token 里:

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第4张图片

给 DefaultConfigChunk 提供了运行时实现。

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

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第5张图片

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

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第6张图片

关闭这个开关的 UI:

在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关_第7张图片

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

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关)