且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

SAP Spartacus自定义指令cxOutlet的工作原理

更新时间:2022-09-03 08:20:18

cxOutlet合集

SAP Spartacus自定义指令cxOutlet的工作原理


SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件


SAP Spartacus 重用组件cx-table的设计原理


SAP Spartacus cxOutlet里的templatesRefs的填充逻辑


SAP Spartacus cxOutlet里的元数据存储,outlet名称和待渲染Component的映射关系


SAP Spartacus的自定义指令cxOutlet, 广泛应用于B2C和B2B的各种页面设计中,比如这个shared组件:cx-table.

SAP Spartacus自定义指令cxOutlet的工作原理

cxOutlet通过@Input修饰,需要由使用者传递一个字符串进来。

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理

cxOutletContext里维护了待渲染的Angular Component名称:

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理

replace position的outlet读取:

SAP Spartacus自定义指令cxOutlet的工作原理

SAP Spartacus自定义指令cxOutlet的工作原理