cxOutlet合集

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

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

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

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

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

SAP Spartacus的自定義指令cxOutlet, 廣泛應用于B2C和B2B的各種頁面設計中，比如這個shared組件：cx-table.

cxOutlet通過@Input修飾，需要由使用者傳遞一個字符串進來。

在table控件的getDataOutletRef方法加個console.log觀察輸出：

table.unitUsers.data.name的渲染，奧秘在方法buildOutlet里：

cxOutletContext里維護了待渲染的Angular Component名稱:

在ngOnChanges hook里調用this.render方法：

before位置里沒有模板：

replace position的outlet讀取：

這里得到了待渲染的cx-table-data-cell：

準備渲染TableDataCellComponent:

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

總結

以上是生活随笔為你收集整理的SAP Spartacus自定义指令cxOutlet的工作原理的全部內容，希望文章能夠幫你解決所遇到的問題。

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