SAP Spartacus使用cxComponentWrapper測試MiniCart

該指令的作用是動态加載Component

如果将page-slot.component.html裡的cxComponentWrapper指令注釋掉：

最後渲染的頁面将會一片空白：

如果僅僅列印position的值：

能看到SAP Spartacus所有可用的position：

如果将Component資料全部列印出來：

效果如下：

隻渲染position為MiniCart的Component：

最後效果如下：

隻有MiniCart被渲染了出來：

完整代碼：

MiniCartComponent的Angular Component和CMS Component同名：

從OCC API傳回的MiniCartComponent資料：

從上圖能看出，Spartacus使用的CMS API，讀取的page資料，類型字段名稱為typeCode, 而Spartacus CMS mapping使用的字段為flexType, 是以需要Spartacus的convertor / normalizer，在字段typeCode和flexType之間做轉換。