SAP Spartacus B2B页面unit tree取数据的设计逻辑

如下图所示：

在unit-list.service.ts的load方法里设置断点：

运行时，可见该load方法是list.service.ts的getData方法触发的：起始的stream是pagination$.

而getData又是何时触发的呢？

答案是listData$这个Observable在unit list Component html上被async pipe 所subscribe时触发的，如图：

cx-org-unit-list

async pipe定义如下：

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

SAP Spartacus B2B页面unit tree取数据的设计逻辑相关推荐

SAP Spartacus B2B Org Unit List节点展开的递归逻辑实现
Rustic Services有两个子节点,点击之后,触发toggle方法: 子节点分别是Services East和Services West: this.treeToggle$是一个Behavio ...
SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
SAP Spartacus B2B Org Unit树状结构的ghost数据
在下列org-unit.effect.ts的第147行,即org unit成功取数之后的callback里设置断点: 然后就能看到ghost数据了: 这些灰色的矩形框显示的就是SAP Spartacu ...
SAP Spartacus B2B页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑
如下图所示,这个 B2B 页面的 Popover Component: 触发其的按钮位于 cx-org-card 内: 而下面这个 assigned users 明细页面,为什么就没有显示 Popo ...
SAP Spartacus Title 下拉菜单列表数据的读取逻辑
this.titleQuery 的赋值逻辑: class UserProfileService {constructor(userAccountService, authService, userPr ...
SAP Spartacus B2B Org Unit树状结构的加载机制
list.service.ts里的pagination作为出发点: 我在unit list service里设置一个断点,停下来就行了? 事实证明不行,看来要在effect里设置断点才行.在load里 ...
SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
该按钮的实现位于 toggle-status.component.html 里,点击后,可以对当前显示的 B2B item 进行 activation 和 deactivation 操作. toggl ...

SAP Spartacus B2B页面unit tree取数据的设计逻辑

SAP Spartacus B2B页面unit tree取数据的设计逻辑相关推荐

最新文章

热门文章