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

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

node字段需要consumer传入:

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

运行时效果如下:

运行时单步调试:

拿到MyCompanyNavNode数据:

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

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

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

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

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

  1. SAP Spartacus cost center Add按钮的href属性生成逻辑分析

    需求:搞清楚这个Add按钮的url是如何生成的 在模板文件的执行上下文里也能使用调试器查看变量值,虽然名称不是100% match,但是有迹可循,比如模板里的structure变量,对应调试器里的st ...

  2. SAP Spartacus Cart UI 修改 quantity 字段后的 Patch 请求遇到 400 错误 - IllegalArgumentError

    版本:4.0.0 Dev 版本(非 Schematics Storefront ): 点击 + 添加 quantity: 看到一个 patch 请求: current/carts/00019006/e ...

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

    明细页面 url: http://localhost:4200/electronics-spa/en/USD/OpenCatalogue/Cameras/Digital-Cameras/Digital ...

  4. 如何在 SAP Spartacus 自定义 UI 里使用标准 UI 的上下文数据 - let 关键字的用法

    语法:let-<变量名> 自定义UI: <ng-template cxOutletRef="header" cxOutletPos="before&qu ...

  5. 如何隐藏SAP CRM WebClient UI配置页面的字段

    Created by Jerry Wang on Oct 06, 2016 In UI component workbench, we can see lots of fields under col ...

  6. 打印SAP Spartacus generic link指向的url

    Generic link如下图所示: 在generic-link.component.ts的setUrlParts方法里加上打印语句: 即可在Chrome开发者工具控制台里观察到这些语句的输出: 更多 ...

  7. SAP Cloud for Customer销售订单Account字段的实现逻辑

    本文讨论SAP C4C销售订单新建页面里,这个Account字段的技术实现. 在浏览器的C4C url里输入片段&debugMode=true, 然后ctrl+左键进入调试模式,查看这个Acc ...

  8. SAP CRM WebClient UI和Hybris CommerceUI tag的渲染逻辑

    既然一个是BSP,一个是JSP,当然有很多相通之处了. CRM WebUI 每个应用的入口都是search,为了避免application developer重复造轮子,SAP WebUI的框架开发人 ...

  9. SAP Spartacus SSR 模式下 index.html 页面的响应逻辑调试

    入口:所有的 regular route 都使用 universal engine: express 的 response 实现: express application 的实现: 静态资源,都从 b ...

最新文章

  1. 百度开放AI应用学习!
  2. 开发计费系统中学到的 5 件事
  3. P3708-koishi的数学题【差分】
  4. 可见性得以保障,并不意味着_战略模式并不意味着春天!
  5. 服务器上的文件怎么取名,给新的服务器取名你会取神马?
  6. redis续期_面试官:Redis分布式锁如何解决锁超时问题的?
  7. $ajax({}).done 和 $ajax({}) success 区别
  8. avue里面的select怎么设置默认值_mysql大量的waiting for table level lock怎么办
  9. 【解决方案】SpringCloud项目优雅发版、部署
  10. 值传递和引用传递传的到底是啥?
  11. 组合范畴语法 CCG
  12. 105 基于socketserver实现并发的socket编程
  13. win10远程桌面Android软件,Microsoft发布了适用于Android的远程桌面应用程序10.0.7版的重大更新...
  14. 安装完Fedora 18后需要做的事情
  15. Excel学习日记:L8-工作表的设定与多个工作表合并计算
  16. Android 10 SystemUI 如何隐藏状态栏输入法图标
  17. gitbook安装中installing gitbook xxx 时间过长的问题
  18. LTspice基础教程-008.LTspice PWL设置
  19. 基于python的短视频智能推荐/django的影视网站/视频推荐系统
  20. 谈谈对数据中台,数据治理,数据管理,数据资产管理相关内涵认知

热门文章

  1. 小黑小波比.Ubuntu下的截图
  2. iptables 防火墙的基本使用
  3. Quartus和ISErom文件格式
  4. jQuery disable 的应用
  5. STD中string的常用方法总结
  6. 数据库视频(二)——增删改查
  7. SHOI2016 黑暗前的幻想乡
  8. 《从0到1学习Flink》—— Flink 写入数据到 ElasticSearch
  9. i.mx6 Android5.1.1 servicemanager本地服务
  10. ansible 学习笔记