SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件

我们只需要在 app.module.ts 里注入 EventService，然后调用其 get 方法，传入 OrderPlacedEvent 即可，这个方法会返回一个 Observable:

在 Spartacus 的标准实现里，会把 OrderPlacedEvent 同 CheckoutActions.PLACE_ORDER_SUCCESS 建立绑定关系。

这样，一旦 Spartacus Checkout 对应的 effects 成功调用 API 从 Commerce Cloud 后台创建订单后，CheckoutActions.PlaceOrderSuccess action 实例的创建，就会抛出 event 到我 app.module.ts 的 subscribe 函数里。

更多Jerry的原创文章，尽在：“汪子熙”:

SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件相关推荐

如何在 SAP 电商云 Spartacus UI 首页的产品展示里显示视频
Spartacus UI 的 banner Component 显示的图片,最终是通过一个 selector 为 cx-media 的 Component 实现的.路径为 projects\store ...
SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合
先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...
SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
SAP 电商云 Spartacus UI Quick Order 主页的实现
存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...
SAP 电商云 Spartacus UI 从 CMS 取回 slots 和 component 之后的处理
从前一篇文章SAP 电商云 Spartacus UI 的双重 layout 配置层设计我们得知,Spartacus 层面的 layout-config.ts 可以控制 page template 应 ...

SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件

SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件相关推荐

最新文章

热门文章