天天看点

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

第一次见到这个有点诧异,居然是通过label实现的:

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

上述页面可以从SAP Spartacus User list,点击某个user进入明细页面开始编辑:

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

看到这个ng-reflect-name=roles, 就知道其template里,有一个[name]=XXX的绑定设计:

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

design time:

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

runtime:

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

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

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

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

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

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

继续阅读