SAP Spartacus Cost Center list的实现原理

CostCenter list对应的HTML dom元素：cx-org-list class=orgCostCenter

cx-org-list selector实现的Component：ListComponent

TODO:研究这个class什么时候加上去的：

list里Add button的url是根据当前页面绑定的模型，动态创建的：

谁使用了cx-org-list这个selector来展示list？

CompanyPageTemplate

我们来观察一下进入cost center 列表时，Spartacus向后台发送的HTTP请求：

https://spartacus-dev0.eastus.cloudapp.azure.com:9002/occ/v2/powertools-spa/cms/pages?pageType=ContentPage&pageLabelOrId=%2Forganization%2Fcost-centers&lang=en&curr=USD

参数：

响应：

uid：ManageCostCenters
BodyContentSlot-ManageCostCenters这个slot id里，存放了CMS Component：ManageCostCentersListComponent

根据这个关键字到Spartacus里查找：

即可发现ManageCostCentersListComponent对应的Angular Component是：ListComponent

更多Jerry的原创文章，尽在：“汪子熙”: