SAP Spartacus 前后台交互的最佳实践

UI Component绑定来自后台的Observable数据，通过async pipe消费。

在自定义Component的constructor里，无法直接访问通过构造函数参数注入的data数据：

正确的访问方式：

ngOnInit(): void {this.data.data$.subscribe((data) => {console.log(data);console.log(data)});}

Component的数据例子如下：

如果把private data的数据类型改成CmsComponentData, 就可以在data.后面直接看到所有可用的字段了：

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

SAP Spartacus里使用Observable访问Component数据相关推荐

SAP Spartacus里Commerce后台CMS Component和前台Angular的一一映射关系
在configuration.service.ts的config对象里查看: 路径如下: 高亮的都是CMS Component,这些key的value就是Spartacus里实现的Angular Co ...
SAP Spartacus里Product Carousel componentData取数据的逻辑研究
Product Carousel的ComponentData通过构造函数注入: 通过查看componentData.data$.operator.project就能知道这个Observable的Ope ...
SAP Spartacus里的feature module
SAP Spartacus里Component的使用受featureModule控制:
SAP Spartacus 里的 icon 设计
同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET: 需要调用 iconLoader 获取 RESET icon ...
Media Query在SAP Spartacus里的用途
Media queries are useful when you want to modify your site or app depending on a device's general ty ...
SAP Spartacus里product数据请求的HTTP url是在哪里维护的
我们打开SAP Spartacus home页面时,能观察到product carousel里待显示的product数据从后台被请求: 随便点开一个url,格式如下: https://jerry.ea ...
如何找到 SAP Spartacus 里某个 Component TypeScript 编译后生成的 JavaScript 位置
需求如何找到触发该网络请求的准确代码位置? 从 initiator 里查看调用栈上下文,一点头绪也没有. 找到触发该网络请求的控件的 selector:cx-register 在 Storefron ...
SAP Spartacus里的不同种类的CMS Component type
三种类型的CMS Component type: (1) CMS Component type (2) JspIncludeComponent(也叫FlexComponent) (3) Contain ...
SAP Spartacus里modifiedtime的大小写问题
从cms返回的Component数据,modifiedtime全部小写: https://github.com/SAP/spartacus/issues/2521 这个issue里,把所有modifi ...

SAP Spartacus里使用Observable访问Component数据

SAP Spartacus 前后台交互的最佳实践

SAP Spartacus里使用Observable访问Component数据相关推荐

最新文章

热门文章