Spartacus界面上的banner，如下圖所示，對應(yīng)著HTML源代碼里的cx-banner標(biāo)簽：

cx-banner下面是cx-generic-link:

這個(gè)cx-generic-link包含一個(gè)a標(biāo)簽，指向一個(gè)超鏈接：

a標(biāo)簽里包含cx-media, 再包含img.

這個(gè)映射關(guān)系在下圖高亮處的代碼被訪問：

/*** Return collection of component mapping configuration for specified list of* component types.** If component mapping can't be determined synchronously, for example, lazy* loaded one, it will throw an error.** To make sure component mapping is available, determineMappings()* should be called and completed first.*/getMapping(componentType) {var _a, _b;const componentConfig = (_a = this.mappings[componentType]) !== null && _a !== void 0 ? _a : (_b = this.config.cmsComponents) === null || _b === void 0 ? void 0 : _b[componentType];if (!componentConfig) {if (!this.missingComponents.includes(componentType)) {this.missingComponents.push(componentType);console.warn(`No component implementation found for the CMS component type '${componentType}'.\n`, `Make sure you implement a component and register it in the mapper.`);}}return componentConfig;}

在SAP Spartacus里有很多種辦法提供CMS Component到Angular Component的映射關(guān)系，比如下圖：

第47行是CMS Component，第48行的MycomComponent是我創(chuàng)建的Angular Component：

上圖的映射關(guān)系，運(yùn)行時(shí)被解析成下圖所示的數(shù)據(jù)：

如果改成MyOutletsComponent：

運(yùn)行時(shí)解析出來的Angular Component也變成了MyOutletsComponent：

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的SAP Spartacus维护CMS Component到Angular Component的源代码位置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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