SAP Spartacus User form通过label标签的实现原理

简介: SAP Spartacus User form通过label标签的实现原理

第一次见到这个有点诧异,居然是通过label实现的:image.png上述页面可以从SAP Spartacus User list,点击某个user进入明细页面开始编辑:image.png看到这个ng-reflect-name=roles, 就知道其template里,有一个[name]=XXX的绑定设计:

image.pngdesign time:

image.png

runtime:

image.png注意design time的appendTo=“cx-org-list”, 翻译成了runtime的: ng-reflect-append-to='cx-org-list".


原来user role form页面采取了分块设计的思路,UI visual part分成不同的块,每一块由一个label标签页实现:



image.png然而design time里并没有runtime源代码里的ng-reflect-name属性。

image.pngimage.png

相关文章
|
9月前
|
存储 对象存储
Spartacus 添加 PWA 应用到 home 的实现原理分析
Spartacus 添加 PWA 应用到 home 的实现原理分析
|
9月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
|
2月前
|
存储 缓存 数据管理
Spartacus cart list item 删除的实现原理
Spartacus cart list item 删除的实现原理
|
2月前
|
搜索推荐
关于 SAP ABAP 系统的 User parameter COM_IOITF_DEBUG
关于 SAP ABAP 系统的 User parameter COM_IOITF_DEBUG
|
2月前
|
存储 缓存 前端开发
关于 SAP Spartacus Optimization Engine 里的 cache 参数使用注意事项
关于 SAP Spartacus Optimization Engine 里的 cache 参数使用注意事项
|
2月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
2月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
2月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
|
9月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
|
9月前
|
存储 数据处理 数据库
关于 SAP CRM User Status 处理的示例 ABAP 代码
关于 SAP CRM User Status 处理的示例 ABAP 代码