天天看點

在 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 調試的開關

繼續閱讀