文件目錄：@Spartacus-storefront:

把這個B2cStorefrontModule改成StorefrontModule，因為后者不會提供一些default配置，所以運行時會有很多關(guān)于default Implementation的警告信息：

頁面也無法正常渲染：

對比正常的B2cStorefrontModule.withConfig環(huán)境下的console打印：

首先用Chrome開發(fā)者工具找到購物車Cart的CartComponent，位于TopContent這個position里：

通過Element inspect確認(rèn)這一點：

新建一個MyCart Component：

通過ConfigModule.withConfig將CMS cpmponent中的CartComponent映射成我們剛才新建的MyCartComponent：

進入cart-details.component.d.ts查看數(shù)據(jù)結(jié)構(gòu)，發(fā)現(xiàn)entries$變量包含了Cart里顯示的數(shù)據(jù)：

自定義Component的html實現(xiàn)：

<ul><li *ngFor="let entry of entries$ | async">{{entry.product.name}}</li> </ul>

最后的效果：

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的自定义SAP Spartacus Cart界面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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