首先渲染若干個(gè) div button，個(gè)數(shù)等于 TabContainer 里包含的 Component 元素個(gè)數(shù)。

然后是利用 cxComponentWrapper 加載真實(shí)的 Component.

integration lib 提供的 CMS mapping 沒有生效。
但我看到已經(jīng)配置進(jìn)去了？

這不是調(diào)用了嗎？

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

Visual Module 也調(diào)用了，為啥 上述兩個(gè)結(jié)構(gòu)里都沒有？

構(gòu)造函數(shù)里設(shè)置斷點(diǎn)，看看 config 的值：

CMSComponents 里此時(shí)就已經(jīng)沒有 Visual Component 了：

components 字段包含了 TabPanelContainer 應(yīng)該顯示的 Component 集合。

Flex type 字段值會(huì)用在 Angular Component 的映射關(guān)系維護(hù)上。

product detail 已經(jīng)成功加載了：

div button 對應(yīng) tab 的標(biāo)簽。然后專門有一個(gè) active div，顯示標(biāo)簽點(diǎn)擊后對應(yīng)的實(shí)際內(nèi)容。

Spec 頁面，必須當(dāng)該產(chǎn)品存在 classification 屬性時(shí)才有值：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。