如何在SAP Spartacus自定义Component里消费数据

直接在自定义Component里使用data来访问Component数据：

<p>begin of my image!</p>
<img [src]="'https://spartacus-dev0.eastus.cloudapp.azure.com:9002' + (data.data$ | async).media.desktop.url" /><p>end of my image!</p>

前提是需要将data注入到自定义Component中去，通过构造函数参数注入：

constructor(private data: CmsComponentData<any>) {}

最后的效果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

如何在SAP Spartacus自定义Component里消费数据相关推荐

如何在 SAP Spartacus 自定义 UI 里使用标准 UI 的上下文数据 - let 关键字的用法
语法:let-<变量名> 自定义UI: <ng-template cxOutletRef="header" cxOutletPos="before&qu ...
如何在SAP Spartacus category 页面里拿到当前的category信息
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category ...
SAP Spartacus List Component 里定义的待显示 Popover 内容，如何传递到 Popover Component 里的？
中心思想:这个传递以 Popover Directive 为桥梁. PopoverComponent里的 content 属性: string 或者 TemplateRef,后者是 ng-templa ...
SAP Spartacus自定义Component的Not found问题
同样是自定义route指向的自定义Component,custom和contact的行为不同: custom path,会看到home下出现not found的标志: 而contact不会,原因是因为 ...
SAP Spartacus 自定义 Component 的使用 - SimpleResponsiveBannerComponent
(1) 使用命令行创建一个新的Angular Component: banner Component的实现: 通过构造函数参数注入cms Component data. 而Component的html ...
如何在SAP Server Side JavaScript里消费destination
在SAP云平台里打开SAP HANA Web-Based Development Workbench进行服务器端JavaScript的开发. 创建一个新的package: 创建一个新的applicat ...
如何在SAP Spartacus的scss里引入全局变量
在这个文件里:projects\storefrontstyles\scss\root.scss 定义全局变量: --cx-page-width-max: 1140px; 然后在应用的scss里引用这个 ...
SAP Spartacus自定义指令cxOutlet的工作原理
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
如何在 SAP Spartacus 里添加自定义页面 - Custom Page
网友提问 Add a custom page to Spartacus I would like to add a custom sub page (http://localhost:4200/ima ...

如何在SAP Spartacus自定义Component里消费数据

如何在SAP Spartacus自定义Component里消费数据相关推荐

最新文章

热门文章