- SAP 电商云 Spartacus UI 的 Product C
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- HTML 按钮(button)的 disable 属性和 dis
- Angular 如何根据一个 class 的定义和数据,动态创建
- SAP 电商云 Spartacus UI 实现的 ngrx-ro
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
- SAP 电商云 Spartacus UI Proxy Facad
- Angular @Injectable 注解的工作原理浅析
- 关于 Angular 部署以及 index.html 里 bas
如果直接访问如下 url:
http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115

页面打开后,没有看到和 product 相关的执行逻辑:


我们自定义的 ActivatedRouterStateSnapshot interface,和上图 Chrome 调试器里打印的结构很像:

先在这个 reducer 里设置断点:

打印出了海量的日志。我们先不管是谁触发的这些 reducer 调用,先查看和 product 相关的日志:

很像这两行:

果然,这里已经解析出 navigation target 了:

执行到这的时候,mavigation 的目标页面已经被解析出来了:


选择 cmsRequired 作为突破口。
在这个 serialize 方法里设置断点:

输入参数仅仅包含了一个 url:

这个 cxRoute: 'product' 是哪里维护的?

这个 serialize 方法被调用时,貌似已经解析出来了?

cmsRequired 的赋值逻辑:

还是没有找到我们要找的地方。

这个 serializer 只是我们实现的一个 hook:

更多Jerry的原创文章,尽在:"汪子熙":

网友评论