如果直接訪問(wèn)如下 url：
http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115

頁(yè)面打開(kāi)后，沒(méi)有看到和 product 相關(guān)的執(zhí)行邏輯：

這個(gè) cxRoute: ‘product’ 是哪里維護(hù)的？

看這個(gè)高亮區(qū)域是從哪里賦值的？

在 routing.module.js 里，一個(gè)初始化鉤子：

調(diào)試 35行這個(gè) router 是如何被計(jì)算出來(lái)的即可：

通過(guò)依賴(lài)注入完成的：

根據(jù)如下關(guān)鍵字搜索：cxRoute: 'product

必須和 default-routing-config.ts 里定義的這個(gè) product 字符串的大小寫(xiě)完全一致：

最后發(fā)現(xiàn)了 product-details-page.module.ts 里調(diào)用了 Angular 標(biāo)準(zhǔn)的路由 API：RouterModule.forChild

component：路徑匹配時(shí)實(shí)例化的組件。Spartacus UI 里使用的是 PageLayoutComponent，這是一個(gè) generic Component.

data 屬性：ActivatedRoute 提供給組件的由開(kāi)發(fā)人員定義的額外數(shù)據(jù)。默認(rèn)情況下，不傳遞任何額外數(shù)據(jù)。

Spartacus UI 傳遞了 cxRoute: ‘product’ 作為額外屬性。

做個(gè)實(shí)驗(yàn)，把 ProductDetailsPageModule 的路由配置里的 cxRoute，改成 login：

路由就掛了：

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

總結(jié)

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI product 明细页面的路由配置的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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