SAP|SAP Spartacus 产品明细页面的 url 设计和数据源

明细页面 url:
http://localhost:4200/electro...
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

组件选择器:cx-generic-link
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

加上打印语句,发现是 local url 的情况:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

routerUrl 来自 this.routeParts.path:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

到上一层即 banner Component 里去查找:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

说明 generic link Component 的 url 是 banner Component 的 data$ 属性传入的:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

数据来自 this.component.data$:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

这个 Component 是自动注入的:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

加上一行打印语句:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

果然,跳转链接就藏在这里:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

在这个 Component 里维护的数据:
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

【SAP|SAP Spartacus 产品明细页面的 url 设计和数据源】更多Jerry的原创文章,尽在:"汪子熙":
SAP|SAP Spartacus 产品明细页面的 url 设计和数据源
文章图片

    推荐阅读