这个弹窗的技术实现是通过SAPSpartacus定制的popover组件实现的：注意我第一次接触Angular的时候，我误以为下面的图标编号是1的a标签和标签2的自定义标签cx-org-toggle-status会按照它们在unit-details.component.html中出现的顺序出现在最终页面。其实我的理解是错误的。SAPSpartacusB2B页面如下图右侧高亮区域所示。技术上是在cx-org-card选择器对应的CardComponent中实现的：Card的layout就是布局设置，在card.component.html中实现：其中class是actions的div标签，作为占位符，容纳所有包含在使用CardComponent选择器时传入的属性操作的DOM元素，即cx-org-card。这种动态注入元素的机制是通过下面的语句实现的，叫做contentprojection:ng-contentselect="[actions]"也就是说：下面图标中数字为1的a标签，以及cx-org-带有数字2的toggle-status标签页，因为它有actions:的属性，所以运行时会出现在div元素中，下方图标中数字为1，class为actions。因此，我只需要在CardComponent的模板实现，即card.component.html中声明cxPopover，这样所有消费CardComponent选择器cx-org-card的应用组件就可以自动看到(i)图标而不是在6细节SpartacusB2B的组件，cxPopOver被重复声明。更多Jerry原创文章在这里：《王子熙》：
