首先渲染若干個 div button，個數等于 TabContainer 里包含的 Component 元素個數。

然后是利用 cxComponentWrapper 加載真實的 Component.

integration lib 提供的 CMS mapping 沒有生效。
但我看到已經配置進去了？

這不是調用了嗎？

我查過了，無論 this.staticCmsConfig 還是 this.config.cmsComponents, 都沒有 Visual 開頭的 Component.

Visual Module 也調用了，為啥 上述兩個結構里都沒有？

構造函數里設置斷點，看看 config 的值：

CMSComponents 里此時就已經沒有 Visual Component 了：

components 字段包含了 TabPanelContainer 應該顯示的 Component 集合。

Flex type 字段值會用在 Angular Component 的映射關系維護上。

product detail 已經成功加載了：

div button 對應 tab 的標簽。然后專門有一個 active div，顯示標簽點擊后對應的實際內容。

Spec 頁面，必須當該產品存在 classification 屬性時才有值：

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

總結

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

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