第一次見到這個有點詫異，居然是通過label實現的：

上述頁面可以從SAP Spartacus User list，點擊某個user進入明細頁面開始編輯：

看到這個ng-reflect-name=roles, 就知道其template里，有一個[name]=XXX的綁定設計：

design time：

runtime：

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

原來user role form頁面采取了分塊設計的思路，UI visual part分成不同的塊，每一塊由一個label標簽頁實現：

然而design time里并沒有runtime源代碼里的ng-reflect-name屬性。

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

總結

以上是生活随笔為你收集整理的SAP Spartacus User form通过label标签的实现原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。