cxOutlet合集

• SAP Spartacus自定義指令cxOutlet的工作原理

• SAP Spartacus table cell如何通過cxOutlet在運行時動態注入組件

• SAP Spartacus 重用組件cx-table的設計原理

• SAP Spartacus cxOutlet里的templatesRefs的填充邏輯

• SAP Spartacus cxOutlet里的元數據存儲，outlet名稱和待渲染Component的映射關系

如下圖所示：

傳入cxOutlet這個自定義指令的值是：table.orgUnit.data.name:

cxOutlet自定義Directive的ngOnChanges方法里，進行Component的渲染，通過方法this.render實現：

vcr: View Container Reference
this.vcr.createEmbeddedView

每個outlet都有before, replace和after三個position：

傳入cxOutlet自定義指令的SimpleChanges結構的值：

在cxOutlet的實現文件outlet.service.ts里，有一個叫做templatesRefs的存儲結構，after，before，replace都指向一個map，key為outlet名稱，可以理解成ABAP系統里的BAdI definition name，而value，指向一個數組，元素類型為ComponentFactory$1, 其中componentType指向ToggleLinkCellComponent，而selector即ToggleLinkCellComponent對應的selector.

cx-org-toggle-link-cell：

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

總結

以上是生活随笔為你收集整理的SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件的全部內容，希望文章能夠幫你解決所遇到的問題。

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