SAP Spartacus page slot里的Component,对应的DOM节点是如何插入到DOM tree里的
例子:我新建了一个AppComponent,映射到了ManageCostCentersListComponent:
运行时的效果:
这个AppComponent对应的app-root是如何被添加到DOM tree里的呢?
Component渲染的起点是component-wrapper.directive.ts的launchComponent方法:
createComponent里的insert操作,最后会导致刚刚创建出来的Component对应的dom节点添加到dom tree里:
nativeInsertBefore:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus page slot里的Component,对应的DOM节点是如何插入到DOM tree里的相关推荐
- SAP Commerce Cloud WCMS 里的 home 页面和 SAP Spartacus Page API 返回的数据比较
You can only create new components in the WCMS Page View perspective. In the Live Edit perspective, ...
- SAP Spartacus Page Layout - 页面布局设计
Page Structure - 页面结构 Pages in CMS are constructed with slots and components. A page contains slots, ...
- SAP Spartacus Page Layout学习笔记
文档地址: https://sap.github.io/spartacus-docs/page-layout/#outlet-position Spartacus is based on a sing ...
- SAP Spartacus B2B页面的List Component
需求如下: 不管选择左边的view里列表行项目的哪一条,右边页面第一个可以被focus的元素,即Edit按钮,需要自动被focus: 如果像上图这样,将cxFocus直接施加到a标签页上,一个side ...
- SAP Spartacus B2B 页面的 Popup Component
we'll make the name a link to save space, no "Details" word user clicks name and sees popo ...
- SAP Spartacus Component-wrapper.directive.ts launch Component的三个参数
拿到Component mapping后,使用subscribe fire this.launchComponent这个方法: launcher的三个输入参数: componentMapping vi ...
- SAP Spartacus Breadcrumbs Component的显示问题讨论
如果把Storefront.component.html里position为BottomHeaderSlot改成其他名称: 按照其注释写到: position是用于为指定的page slot定位CMS ...
- SAP Spartacus 的 cx-page-layout selector 介绍 - PageLayoutComponent
在SAP Spartacus page的源代码里,能看到很多cx-page-layout的selector,如下图所示: 这些cx-page-layout不是Directive,而是Component ...
- SAP Spartacus 的 Above-the-Fold Loading 加载机制
https://sap.github.io/spartacus-docs/above-the-fold/ Above-the-fold loading is a technique that prio ...
最新文章
- 【OfficeDIY】有了站点了 ^_^
- reid 数据集 行人重拾别
- linux开机和登陆欢迎信息
- LPVOID是一个没有类型的指针
- SQL中触发器实例讲解(转)
- Greenplum-概念篇
- Bootstrap 按钮下拉菜单
- 计算与推断思维 十二、为什么均值重要
- activiti 工作流_activiti-boot快速开发工作流框架
- 不知道先学工具还是方法,数据分析入错门,后悔一辈子
- update语句修改报错问题处理
- 存储基础知识(八):备份技术(上)
- Cannot uninstall ‘requests’. It is a distutils installed project and thus we cannot accurately deter
- Linux查看Chrome的版本号
- 汤家凤:可以跳过接力题典强化篇直接动手真题吗?
- Linux中Bin文件压缩包解压运行
- C. Multiples of Length 思维构造
- APP服务器与Web服务器的区别是什么?
- 微信小程序的前世今生
- 微信域名防封的方法以及技术原理