SAP Spartacus B2B页面内容的动态注入

以Units-detail.component.html为例：

cx-org-card的selector里使用ng-content定义了允许动态内容注入的注入点：

      <div class="actions Jerry"><ng-content select="[actions]"></ng-content></div>

高亮这段代码的语义是，将包含有属性值actions的html元素，动态注入到div class=actions Jerry的容器内：

做个实验，如果我在unit-details.component.html里额外定义一个h1标签：

最后H1元素完全没有被注入进去：

而我把a标签包裹到div标签里，在div标签里声明actions属性：

果然管用，看来element可以任意添加attribute，注意区分属性和class：

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

SAP Spartacus B2B页面内容的动态注入相关推荐

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 页面 Popover Component 的条件显示逻辑
如下图所示,这个 B2B 页面的 Popover Component: 触发其的按钮位于 cx-org-card 内: 而下面这个 assigned users 明细页面,为什么就没有显示 Popo ...
SAP Spartacus B2B 页面 Disable Confirmation 对话框的显示原理
该按钮的实现位于 toggle-status.component.html 里,点击后,可以对当前显示的 B2B item 进行 activation 和 deactivation 操作. toggl ...
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 页面 banner 的grid layout设计
如下图所示: 每个banner里的a标签,都应用了grid layout模型: this element behaves like a block element and lays out its c ...

SAP Spartacus B2B页面内容的动态注入

SAP Spartacus B2B页面内容的动态注入相关推荐

最新文章

热门文章