当前位置: 首页 > Web前端 > HTML5

SAP电商云SpartacusUIAngularComponent动态创建单步调试

时间:2023-04-05 21:04:08 HTML5

Jerry上一篇文章SAP产品UI中容器组件的概念和开发概览介绍,SAPSpartacusAngularComponent,通过我们开发团队定制的指令cxComponentWrapper渲染。在运行时,我们可以根据AngularComponent的名称,即90行的flexType字段中包含的QuickOrderComponent,使用AngularComponent动态创建API来触发这个Component的渲染。在default-component.handler.ts中,调用viewContainerRef的createComponent方法创建一个Component实例。如果要创建的Component在构造函数中定义了外部依赖,则需要完成这些依赖的创建和注入:这里要注入的token是QuickOrderFacade:这里解析的provider是QuickOrderService:一旦CoreModule被加载,facadeProviders下图第6行的provider定义立即生效:也就是说,在运行时,QuickOrderService会成为QuickOrderFacade的具体实现:更多Jerry原创文章在这里:《汪子熙》: