SAP Spartacus 里的 cxOutletRef 指令执行过程分析

SAP Spartacus 里的 cxOutletRef 指令执行过程分析

先看 cxOutletRef 指令的效果:ng-template 里定义了如下图标 1 区域所示的自定义 UI,通过 cxOutletRef, 将其插入到图标 2 所示的 ProductDetailsPageTemplate里:源代码:运行时的效果:查看源代码,发现该指令的有效实现不多,仅仅调用 O...

SAP Spartacus的EscapeFocus指令

SAP Spartacus的EscapeFocus指令

模态对话框2:facet:整个Storefront Component:content dialog:diablog:

SAP Spartacus cx-table加了cxFocus指令后的测试效果

SAP Spartacus cx-table加了cxFocus指令后的测试效果

直接打开Unit list页面:断点第一次触发,firstFocusable为整个cx-table:

SAP Spartacus的cxComponentWrapper指令

SAP Spartacus的cxComponentWrapper指令

Jerry之前的文章已经把component结构的三个字段,uid,typeCode和flexType都打印出来了。

SAP Spartacus 里的 cxOutletRef 指令执行过程分析

SAP Spartacus 里的 cxOutletRef 指令执行过程分析

先看 cxOutletRef 指令的效果:ng-template 里定义了如下图标 1 区域所示的自定义 UI,通过 cxOutletRef, 将其插入到图标 2 所示的 ProductDetailsPageTemplate里:源代码:运行时的效果:仔细阅读 add 方法的三个参数:outlet:代...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1504+人已加入
加入