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

明细页面 url：

http://localhost:4200/electronics-spa/en/USD/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578

组件选择器：cx-generic-link

加上打印语句，发现是 local url 的情况：

routerUrl 来自 this.routeParts.path:

到上一层即 banner Component 里去查找：

说明 generic link Component 的 url 是 banner Component 的 data$ 属性传入的：

数据来自 this.component.data$:

这个 Component 是自动注入的：

加上一行打印语句：

果然，跳转链接就藏在这里：

在这个 Component 里维护的数据：

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

SAP Spartacus 产品明细页面的 url 设计和数据源相关推荐

SAP 电商云 Spartacus 产品明细页面的 pageContext 如何获取的？
调试入口:this.routingService.getNextPageContext() 这个 page context 直接从 store 里读取的,靠调试 selector 是拿不到的. 我们以 ...
SAP 电商云 Spartacus 产品明细页面的 canActivate 执行逻辑 - isUrlProtected
调试入口:cms-page.guard.ts 的 canActivat 方法: 输入参数是已经成功匹配了的产品明细页面路由: 判断这个 url 片段是否属于被保护对象: 默认配置为 false: 因此 ...
SAP 电商云 Spartacus 产品明细页面的 OCC API 是如何被触发的
当访问如下 url 时, http://localhost:4200/powertools-spa/en/USD/jerryproduct/3755211/PSR%2010.8%20LI 我们能看到如 ...
SAP Spartacus user role页面的checkbox设计明细介绍
1:tag选择器 2. class选择器 3. tag选择器把font-weight:bold去掉之后的效果: 把font-size: 18px去掉后的效果: cx-org-list label: ...
SAP Spartacus user form页面的css设计重构
(1) fieldset应该和legend搭配起来用.下图的第102行fieldset应该改为div: (2) 在_details.scss里,fieldset和label.form-check具有相 ...
如何自定义SAP Spartacus 产品明细的url pattern
在Spartacus源代码的storefrontlib/src/cms-structure/routing/default-routing-config.ts文件里,能看到Spartacus产品页面的 ...
如何在 SAP Spartacus 产品明细页面添加自定义 UI
产品明细页面 Product Detail Page,简称 PDP. 首先在页面上找到 Component selector:cx-tab-paragraph-container: 对应的 Angul ...
SAP Spartacus产品明细页面用Observable显示产品名称
具体实现: import { Component, OnInit } from '@angular/core'; import { ActiveCartService, Product } from ...
在SAP Spartacus产品明细页面用outlet显示自定义数据
首先创建一个新的Angular module和Component: 这个新的module,因为要使用Outlet功能,所以需要从@Spartacus/storefront里导入OutletRefMod ...

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

SAP Spartacus 产品明细页面的 url 设计和数据源相关推荐

最新文章

热门文章