如何在 SAP 电商云 Spartacus UI 里访问 CMS Component data 数据

简介: 如何在 SAP 电商云 Spartacus UI 里访问 CMS Component data 数据

答案是采用 CmsComponentData 这个服务。


看个实际例子:

image.png



CmsQuickOrderComponent 的定义,维护在 models 文件夹里:

image.png


运行时,只能访问到上图新 extend 出的字段 quickOrderListLimit 的值:

image.png



我们另外找一个 Banner Component 试试。

image.pngimage.png





对于 BannerComponent 来说,CmsComponentData 的数据是完整的。


这个 CmsComponentData 只是一个 abstractClass , 它的运行时实例化发生在什么时候呢?



运行时,是一个 object:


image.png

找到一个 Component Data provider:

image.png


最终答案是,SAP Spartacus 开发团队,设计了一个统一的 cms-injector.service.ts, 用于为所有 CMS Component 统一注入 CmsComponentData. 因为注入时需要编写自定义代码,所以以 useFactory 的方式注入。


444

相关文章
|
6月前
|
SQL 分布式计算 数据安全/隐私保护
如何杜绝 spark history server ui 的未授权访问? 1
如何杜绝 spark history server ui 的未授权访问?
|
6月前
|
JavaScript 前端开发
什么是 Spartacus 的 Video Component
什么是 Spartacus 的 Video Component
33 0
|
6月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
38 0
|
21天前
|
网络架构 开发者 UED
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
10 0
Spartacus 2211 的 provideOutlet 方法扩展 UI
|
3月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
26 0
|
3月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
40 0
|
3月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
24 0
|
6月前
|
分布式计算 Hadoop 大数据
如何杜绝 spark history server ui 的未授权访问? 2
如何杜绝 spark history server ui 的未授权访问?
|
6月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
46 0
|
6月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
41 2