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

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

以Units-detail.component.html为例:


image.png


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


image.png


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


image.png


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

image.png



image.png


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


image.png


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


image.png


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


image.png

image.png

相关文章
|
2月前
|
JavaScript 前端开发 数据库
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
21 0
|
2月前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
31 0
|
3月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
26 0
|
3月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
40 0
|
3月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
24 0
|
5月前
|
JSON 数据格式
通过 SAP UI5 IconTabBar 控件结合 FlexibleColumnLayout 实现多页面 Master-Detail 布局试读版
通过 SAP UI5 IconTabBar 控件结合 FlexibleColumnLayout 实现多页面 Master-Detail 布局试读版
30 0
|
6月前
|
JavaScript 安全 前端开发
Spartacus 如何动态将 SmartEdit attribute 添加到 DOM 里,单步调试
Spartacus 如何动态将 SmartEdit attribute 添加到 DOM 里,单步调试
23 0
|
6月前
|
监控 前端开发 JavaScript
什么是 Spartacus Storefront B2B store 的 My Company 菜单
什么是 Spartacus Storefront B2B store 的 My Company 菜单
38 0
|
6月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
46 0
|
6月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
41 2

相关实验场景

更多