使用outlet在SAP Spartacus中添加自定义UI

outlet 或者在SAP Spartacus中硬编码,或者通过CMS driven.


Angular里添加自定义UI的原理是基于TemplateRef, 通过ng-template Component 添加。


cxOutletRef是 Angular directive的selector:


使用outlet在SAP Spartacus中添加自定义UI使用outlet在SAP Spartacus中添加自定义UI通过OutletRefModule暴露给消费者。

Just a simple piece of code to inject your custom UI element to SAP Spartacus via outlet:使用outlet在SAP Spartacus中添加自定义UI其中header定义在storefront.component.html里:

使用outlet在SAP Spartacus中添加自定义UI最后的效果:默认情况下把标准的header区域替换了:使用outlet在SAP Spartacus中添加自定义UI如果加上属性值cxOutletPos=“after”, 则不覆盖header,而是放到标准header的后面:使用outlet在SAP Spartacus中添加自定义UI效果如下:使用outlet在SAP Spartacus中添加自定义UI使用outlet在SAP Spartacus中添加自定义UI如果没有TemplateRef,想希望通过TypeScript的方式动态添加Component,应该怎么做?

例子:使用outlet在SAP Spartacus中添加自定义UI使用outlet在SAP Spartacus中添加自定义UI使用outlet在SAP Spartacus中添加自定义UI

上一篇:PHP 版本判断 version_compare() 函数


下一篇:一起谈.NET技术,asp.net Ajax ---AutoComplete控件使用