SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑

如下图所示，这个 B2B 页面的 Popover Component：

触发其的按钮位于 cx-org-card 内：

而下面这个 assigned users 明细页面，为什么就没有显示 Popover Component 的(i) 按钮了呢？

究其原因，selector cx-org-card 对应 CardComponent，在其模板实现里，有一个标志位，控制是否显示 Popover Component：showHint

整个按钮，被 *ngIf Directive 控制。

budget 明细页面没有 (i) icon，因为消费 card Component 时，没有显式传入 showHint = true：

再比较 unit detail Component，显式传入的 showHint = true：

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

SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑相关推荐

SAP Spartacus B2B页面Banner Component的路由url是在哪里定义的
在Component wrapper里加上一行打印语句: 输出效果: 以CostCentersHomeLink为例:Spartacus里搜索不到,因为这是一个CMS Component: 从spart ...
SAP Spartacus B2B 页面popover对话框的渲染逻辑
读取config配置信息: 通过鼠标点击,和keyboardEvent事件不一样: componentFactoryResolver和viewContainer都是构造函数注入的属性: 这个conte ...
SAP Spartacus b2b 页面 popover append to body与否的不同行为
append to body为true的情况: 点击之后,直接添加在body节点的尾部: 改成false之后: 更多Jerry的原创文章,尽在:"汪子熙":
SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
该按钮的实现位于 toggle-status.component.html 里,点击后,可以对当前显示的 B2B item 进行 activation 和 deactivation 操作. toggl ...
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页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus B2B页面unit tree取数据的设计逻辑
如下图所示: 在unit-list.service.ts的load方法里设置断点: 运行时,可见该load方法是list.service.ts的getData方法触发的:起始的stream是pagin ...
SAP Spartacus B2B页面内容的动态注入
以Units-detail.component.html为例: cx-org-card的selector里使用ng-content定义了允许动态内容注入的注入点: <div class=&quo ...

SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑

SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑相关推荐

最新文章

热门文章