我們看一個 PDP 即 product detail page 的實際例子：

http://localhost:4200/powertools-spa/en/USD/product/3881017/angle-grinder-rt-ag-125

在單頁應用程序中，您可以通過顯示應用程序的不同視圖來控制用戶看到的內容。 Spartacus 使用 Angular Router 來處理從一個視圖到另一個視圖的導航。 路由器通過將每個 URL 視為呈現特定視圖的指令來完成此操作。

我們加載這個 PDP 時，OCC API url:

https://host:9002/occ/v2/powertools-spa/cms/pages?pageType=ProductPage&code=3881017&lang=en&curr=USD

ProductPage 是 CMS 里一種特殊的 page 類型，參數為 product code：3881017

返回的 OCC response 里，能看到 page template：ProductDetailsPageTemplate

Content slot 也有很多數值在內：

總共 17 個 slot：

問題1：Spartacus 什么地方將參數 pageType=ProductPage 傳給 OCC API？

根據關鍵字 ProductPage，居然搜索不到結果。

應該是我的搜索條件使用不對，現在正常了：

在 getContextParams 里設置斷點：

這里能清晰看到，connector - (35 行）調用 adapter：

然而，是誰調用 35 行的 getList 呢？
繼續在 cms-component.connector.ts 里設置斷點：

最終發現，是 NavigationEntryItemEffects 負責驅動的。

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

總結

以上是生活随笔為你收集整理的如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称的全部內容，希望文章能夠幫你解決所遇到的問題。

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