Jerry 之前的文章SAP 產(chǎn)品 UI 里的容器組件的概念和開發(fā)概述介紹過，SAP Spartacus Angular Component，通過我們開發(fā)團隊自定義的指令 cxComponentWrapper 進行渲染。

在運行時，根據(jù) Angular Component 的名稱，即第90行 flexType 字段包含的 QuickOrderComponent，我們能夠使用 Angular Component 動態(tài)創(chuàng)建 API 來觸發(fā)這個 Component 的渲染。

default-component.handler.ts 里，調(diào)用 viewContainerRef 的 createComponent 方法，創(chuàng)建 Component 實例。

待創(chuàng)建的 Component 如果 constructor 里定義了外部依賴，需要完成這些依賴的創(chuàng)建和注入：

這里待注入的 token 就是 QuickOrderFacade：

這里解析出的 provider 是 QuickOrderService：

CoreModule 一旦被加載，下圖第6行 facadeProviders 里的 provider 定義立即生效：

也就是說，運行時，QuickOrderService 會成為 QuickOrderFacade 的具體實現(xiàn)：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI Angular Component 动态创建的单步调试的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。