在SAP Spartacus产品明细页面用outlet显示自定义数据

简介: 在SAP Spartacus产品明细页面用outlet显示自定义数据

首先创建一个新的Angular module和Component:image.png这个新的module,因为要使用Outlet功能,所以需要从@Spartacus/storefront里导入OutletRefModule,以及导出我们自己实现的MyOutletsComponent以便让外界消费。

image.pngMyOutletsComponent的实现:

在构造函数里注入currentProductService, 调用getProduct方法异步读取当前product属性,存储在属性product$里:image.png在这个Component的html里,显示product$的值:image.pngimage.png后别忘了把Component的selector标签加到app Component的html里:

image.png最后的效果:image.png

相关文章
|
5月前
|
存储 安全 数据管理
SAP 产品 data archive 数据归档的重要性
SAP 产品 data archive 数据归档的重要性
|
5月前
|
存储 供应链 安全
SAP S4HANA 数据归档的实施方法
SAP S4HANA 数据归档的实施方法
|
5月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
5月前
|
设计模式 API 数据处理
Spartacus 在 PDP 页面点击 Add to Cart 之后,读取最新 product 数据的设计
Spartacus 在 PDP 页面点击 Add to Cart 之后,读取最新 product 数据的设计
|
5月前
|
前端开发 JavaScript 安全
Spartacus product summary 页面的设计原理
Spartacus product summary 页面的设计原理
|
5月前
|
存储 供应链 调度
Spartacus 在 Back-Office 修改了产品的价格和描述信息后,修改会反应在 PDP 页面上吗
Spartacus 在 Back-Office 修改了产品的价格和描述信息后,修改会反应在 PDP 页面上吗
|
5月前
|
机器学习/深度学习 供应链 监控
Spartacus 产品主数据的 stock level 字段
Spartacus 产品主数据的 stock level 字段
|
5月前
|
存储 安全 数据管理
SAP S4HANA 数据归档流程详解
SAP S4HANA 数据归档流程详解
|
5月前
|
存储 数据采集 监控
如何在 SAP S4HANA 中使用 Data Volume Management 工具来确定哪些数据需要归档
如何在 SAP S4HANA 中使用 Data Volume Management 工具来确定哪些数据需要归档
|
12月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
下一篇
无影云桌面