SAP Spartacus使用cxComponentWrapper测试MiniCart

简介: SAP Spartacus使用cxComponentWrapper测试MiniCart

该指令的作用是动态加载Component

如果将page-slot.component.html里的cxComponentWrapper指令注释掉:


image.png


最后渲染的页面将会一片空白:

image.png

image.png




如果仅仅打印position的值:


image.png


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


image.png


如果将Component数据全部打印出来:

image.png



效果如下:


image.png


只渲染position为MiniCart的Component:


image.png


最后效果如下:


image.png


只有MiniCart被渲染了出来:


image.png


完整代码:


image.pngimage.png

image.png

MiniCartComponent的Angular Component和CMS Component同名:

image.png


从OCC API返回的MiniCartComponent数据:

image.png


从上图能看出,Spartacus使用的CMS API,读取的page数据,类型字段名称为typeCode, 而Spartacus CMS mapping使用的字段为flexType, 因此需要Spartacus的convertor / normalizer,在字段typeCode和flexType之间做转换。

image.png

相关文章
|
5月前
|
SQL Oracle 关系型数据库
oracle11g SAP测试机归档日志暴增排查(二)
oracle11g SAP测试机归档日志暴增排查(二)
274 1
|
5月前
|
Oracle 关系型数据库 Shell
oracle11g SAP测试机归档日志暴增排查(一)
oracle11g SAP测试机归档日志暴增排查(一)
63 1
|
5月前
|
存储 供应链 数据管理
Spartacus 在 Back-Office 修改库存后,下单测试,系统表现完美
Spartacus 在 Back-Office 修改库存后,下单测试,系统表现完美
|
5月前
|
监控 数据挖掘 定位技术
Spartacus 测试,后台修改 product price 数据后,添加到 Cart 时,会带出来最新的价格吗
Spartacus 测试,后台修改 product price 数据后,添加到 Cart 时,会带出来最新的价格吗
|
5月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
5月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
5月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
|
12月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
|
12月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成
下一篇
无影云桌面