SAP Spartacus navigation ui节点的url字段的生成逻辑,同样来自sampledataaddon

简介: SAP Spartacus navigation ui节点的url字段的生成逻辑,同样来自sampledataaddon
+关注继续查看

generic-link.component.ts实现了ngOnChanges hook, 类型为SimpleChanges的输入参数,包含了beforeChange和afterChange的值:


image.png


促成这个变化发生的调用栈:


image.png


node字段需要consumer传入:


image.png


在navigation.component.html里能看到消费cx-navigation-ui时给node传入的参数:node$ | async:



image.png



运行时效果如下:


image.png


运行时单步调试:



image.png

image.png


拿到MyCompanyNavNode数据:




image.png



image.png



PopulateLink函数里,这个url是什么时候生成的?



image.png



答案是Spartacussampledata addon的cms-responsive-content.impex里定义的sample data:


image.png


该url从后台的sample data里通过API被读取到Spartacus:

image.png

相关文章
|
5月前
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
|
5月前
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
|
XML JSON 前端开发
关于 SAP Spartacus scss 处理逻辑里的变量 $useLatestStyles
关于 SAP Spartacus scss 处理逻辑里的变量 $useLatestStyles
59 0
关于 SAP Spartacus scss 处理逻辑里的变量 $useLatestStyles
|
设计模式 JavaScript 前端开发
SAP Spartacus home 页面读取 product 数据的请求的 population 逻辑
Spartacus是一个开源的JavaScript web应用程序,允许您快速创建自己的基于JavaScript的SAP商务云店面。
55 0
SAP Spartacus home 页面读取 product 数据的请求的 population 逻辑
SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑
SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑
100 0
SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
SAP 电商云 Spartacus 产品明细页面的 canActivate 执行逻辑 - isUrlProtected
SAP 电商云 Spartacus 产品明细页面的 canActivate 执行逻辑 - isUrlProtected
SAP 电商云 Spartacus 产品明细页面的 canActivate 执行逻辑 - isUrlProtected
SAP Spartacus B2B User list页面的数据加载逻辑
SAP Spartacus B2B User list页面的数据加载逻辑
103 0
SAP Spartacus B2B User list页面的数据加载逻辑
SAP Spartacus 2.1.0 加载homepage的逻辑
SAP Spartacus 2.1.0 加载homepage的逻辑
SAP Spartacus 2.1.0 加载homepage的逻辑
推荐文章
更多