该指令的作用是动态加载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之间做转换。