如何找到 SAP 电商云 Spartacus UI 导航 navigation 的驱动器 - NavigationEntryItemEffects

简介: 如何找到 SAP 电商云 Spartacus UI 导航 navigation 的驱动器 - NavigationEntryItemEffects

该 effect 有三个依赖:


Actions

CmsComponentConnector

RoutingService


image.png

loadNavigationItems$ 整个是一个 Observable 对象,无法通过调试的方式去知道这个 Observable 本身什么时候被调用,只能知道 Observable 关联的 Operator 什么时候被触发。


image.png


当 Spartacus 其他地方的代码触发 CmsActions.LOAD_CMS_NAVIGATION_ITEMS 时,我们这个 loadNavigationItems$ 里第18行的 ofType 就会触发。


如何调试

在 ofType Operator 调用之前,添加一个 tap 操作符即可:


image.pngimage.png


可以看到,LoadCurrencies,LoadCart 这些 Action,也会触发这个 NavigationEntryItemEffects.


这又是为什么呢?


NavigationEntryItemEffects 被 export 出去,我们看何处导入了该 class.


cms\store\effects\index.ts 通过 effects 数组导出了这个 effects:

image.png


CmsStoreModule 的 imports 区域,包含了导出的 effects 数组。

image.png


相关文章
|
1月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
16 0
|
1月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
25 0
|
1月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
15 0
|
4月前
|
JavaScript
Spartacus 中的 navigation item reducer 实现
Spartacus 中的 navigation item reducer 实现
36 0
|
4月前
|
存储 设计模式 前端开发
什么是 SAP 的 BSP UI 技术
什么是 SAP 的 BSP UI 技术
38 0
|
4月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
37 0
|
4月前
|
移动开发 开发框架 JavaScript
SAP UI5 应用里 /sap/ui/thirdparty/sinon.js 的作用
SAP UI5 应用里 /sap/ui/thirdparty/sinon.js 的作用
43 0
|
4月前
|
JavaScript 前端开发
SAP UI5 应用里 /sap/ui/thirdparty/datajs.js 的作用
SAP UI5 应用里 /sap/ui/thirdparty/datajs.js 的作用
60 0
|
4月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
33 0
|
4月前
|
前端开发 JavaScript API
SAP Commerce Accelerator Storefront 到 Spartacus 的 page by page migration 策略
SAP Commerce Accelerator Storefront 到 Spartacus 的 page by page migration 策略
25 0