cxOutlet合集

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

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

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

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

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

outlet.service.ts里的templatesRefs是在什么地方填充的？

比如這種outlet：table.unitUsers.data.name:

只需要在add方法里設置斷點調試即可：

立即就找到了一處：

export function skipLinkFactory(componentFactoryResolver: ComponentFactoryResolver,outletService: OutletService ) {const isReady = () => {const factory = componentFactoryResolver.resolveComponentFactory(SkipLinkComponent);outletService.add('cx-storefront', <any>factory, OutletPosition.BEFORE);};return isReady; }

再看另一個Component：一個重用的list Component：

屬性名稱為structure，值：

設置tableComponent的structure屬性：

觸發TableComponent的setter函數：

根據unit和name，計算出table.unit.header.name:

果然是字符串拼接：

在文件 table-renderer.service.ts 里。

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

總結

以上是生活随笔為你收集整理的SAP Spartacus cxOutlet 里的 templatesRefs 的填充逻辑的全部內容，希望文章能夠幫你解決所遇到的問題。

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