SAP 电商云 Spartacus UI product 明细页面的路由配置
如果直接访问如下 url：
http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115
页面打开后，没有看到和 product 相关的执行逻辑：
这个 cxRoute: ‘product’ 是哪里维护的？
看这个高亮区域是从哪里赋值的？
在 routing.module.js 里，一个初始化钩子：
调试 35行这个 router 是如何被计算出来的即可：
通过依赖注入完成的：
根据如下关键字搜索：cxRoute: 'product
必须和 default-routing-config.ts 里定义的这个 product 字符串的大小写完全一致：
最后发现了 product-details-page.module.ts 里调用了 Angular 标准的路由 API：RouterModule.forChild
component：路径匹配时实例化的组件。Spartacus UI 里使用的是 PageLayoutComponent，这是一个 generic Component.
data 属性：ActivatedRoute 提供给组件的由开发人员定义的额外数据。默认情况下，不传递任何额外数据。
Spartacus UI 传递了 cxRoute: ‘product’ 作为额外属性。
做个实验，把 ProductDetailsPageModule 的路由配置里的 cxRoute，改成 login：
路由就挂了：
更多Jerry的原创文章，尽在：“汪子熙”:
SAP 电商云 Spartacus UI product 明细页面的路由配置相关推荐
- SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置
如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts ...
- SAP 电商云 Spartacus UI 产品明细页面路由确定后，加载的是 page template
页面如下: http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115 ...
- 如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称
我们看一个 PDP 即 product detail page 的实际例子: http://localhost:4200/powertools-spa/en/USD/product/3881017/a ...
- SAP 电商云 Spartacus UI 去除 Checkout 页面 header 和 footer 区域的几种方法介绍
1 distraction-free checkout 如何移除 checkout 页面的 footer 和 header 方法1 - 把 checkout CMS page 的header 和 fo ...
- SAP 电商云 Spartacus UI delivery mode 页面设计的结构分析
deveop 分支: 总的来说分为两个模板,分别对应非 4.2.2 和 4.2.2 版本. 我们细看 4.2.2 版本,这个版本只有一个 spinner: 解决双 spinner 问题: checko ...
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
- Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
- SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
- SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
最新文章
- Swift 中枚举、结构体、类（enum、struct、class）
- HDFS集群安装部署
- oracle rac应急_ORACLE紧急情况检查应急预案
- struct_config.xml中action/set-property标签的用法
- Java Web系列：Spring MVC基础
- [MATLAB学习笔记] global声明全部变量
- java 运行时类型_Java基础之RTTI 运行时类型识别
- Java并发编程笔记之Semaphore信号量源码分析
- css加了固定定位就不显示内容_前端开发必备，学好”定位“向菜鸟说拜拜
- 快速生成Plugman中的lib-file、source-file的xml内容
- matlab计算涡度的函数_流函数涡量法的二维方腔流数值模拟matlab编程.doc
- 通达信 移动平均算法_通达信公式教程，建议收藏，关注「所有文章只发表一次」...
- Pycharm安装教程 (2022最新版)
- pandas按条件筛选数据
- MySQL 异步查询提高查询速度
- Android文件读写操作（assets 文件、 raw文件、内部存储文件、外部存储文件）
- salesforce与微信集成（一）-- 如何配置微信和salesforce
- Grep命令常见用法
- The file “XXX.app” couldn’t be opened because you don’t have permission to view it.
- 爬虫------爬取搜狗图片