在 SAP Spartacus PageLayout Component 的實現里，每一個 layoutName 對應都有一個 cxOutlet 可供擴展：

第 13 行的 ngFor 指令，將該實現類的 slots$ 展開，為每一個 slot 放置對應的 CMS Component.

slots$ 是一個數組，通過 pageLayoutService.getSlots 方法獲取。

本文介紹這個 getSlots 方法的執行明細。

switchMap 這個 rxjs 操作符，暗示了其傳入的箭頭函數，是一個 cancellable 的耗時操作。

在這個閉包內執行：

combineLatest：只要 this.page$ 和 this.breakpointService.breakpoint$ 有一個被訂閱，就會觸發 map 操作：

支持的所有 slots 和 slots 里面允許的 Components 列表：

breakpoint：xl

讀取 slot 配置：

所有 template 配置都在 tis.config.layoutSlots 里了：

拿到了 header 的配置：

最終結果：

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

總結

以上是生活随笔為你收集整理的SAP Spartacus 如何根据 page layout 获得对应支持的 slots的全部內容，希望文章能夠幫你解決所遇到的問題。

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