使用ng-container标签在SAP Spartacus里插入UI

时间:2022-07-24
本文章向大家介绍使用ng-container标签在SAP Spartacus里插入UI,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<p>before</p>
<ng-container [cxComponentWrapper]="componentMeta"></ng-container>
<p>afer</p>

componentMeta定义在app Component里:

运行时生成的cx-banner标签:

如果在代码里将标准的banner替换成自定义banner,即:

那么在运行时,SAP Spartacus会使用自定义banner来渲染:

Component的创建过程:

cmsData的读取方式:

最后通过ng-container成功添加到UI上的Component: