SAP Spartacus B2B Unit page Expand all按钮的工作原理

简介: SAP Spartacus B2B Unit page Expand all按钮的工作原理

输入参数:node就是UnitTreeService.getTree返回的数据,key在这个例子为undefine:

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

  1. map operator里箭头函数输入参数,在这里例子为空
  2. map operator里箭头函数实现体
  3. map operator里箭头函数的返回值
  4. 箭头函数返回值作为输入,传到pipe驱动的下一个operator去

image.png

  1. 上一个switchMap箭头函数的输出,传入到本次map作为输入。
  2. this.thisArg, project字段包含了箭头函数实现体
  3. this.project, 箭头函数的实现
  4. 本次map箭头函数的输出

image.png

所以,看这个调试的调用栈,expandAll按钮,触发者是unit-list.component.ts, 通过unit-tree.service.ts,最终会调用到unit-list.service.ts:

image.png

相关文章
|
2月前
|
XML JavaScript 数据格式
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
28 0
|
2月前
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
17 0
|
2月前
|
前端开发
问题解答:SAP UI5 应用设置禁止被其他应用嵌入运行的工作原理解析试读版
问题解答:SAP UI5 应用设置禁止被其他应用嵌入运行的工作原理解析试读版
113 0
|
3月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
26 0
|
3月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
40 0
|
3月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
24 0
|
5月前
|
存储 JSON API
如何避免 Spartacus 重复发送 CMS page 请求
如何避免 Spartacus 重复发送 CMS page 请求
25 0
|
5月前
|
缓存 自然语言处理 前端开发
Spartacus CSR 渲染模式下的 home page 网络请求
Spartacus CSR 渲染模式下的 home page 网络请求
27 1
|
6月前
|
监控 前端开发 JavaScript
什么是 Spartacus Storefront B2B store 的 My Company 菜单
什么是 Spartacus Storefront B2B store 的 My Company 菜单
39 0
|
6月前
|
数据库
什么是 SAP ABAP 系统的 LUW (Logical Unit of Work)概念
什么是 SAP ABAP 系统的 LUW (Logical Unit of Work)概念
39 0