天天看点

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

如下图所示,这个 B2B 页面 的 Popover Component:

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

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

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

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

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

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

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

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

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

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

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

再比较 unit detail Component,显式传入的 showHint = true:

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

继续阅读