头图

SAP Spartacus 如何重定义登录 Login Component

JerryWang_汪子熙

首先在一个标准的 Storefront 上,找到该 Component 的 selector 找到其 Component 名称:LoginComponent

然后找到该 Component 的路径,位于 feature-libs 下面的 user 模块内:

feature-libs\user\account\components\login\login.component.ts

在该模块内,找到了其与 CMS Component LoginComponent 的一一对应关系:

在我自己的 Storefront 项目的 package-lock.json 文件里,找到了版本号:3.4.3

新建一个 Component,扩展标准的 LoginComponent:

在我的 AppModule 里,将 CMS LoginComponent 映射到我扩展的 ExtLoginComponent 去:

最后运行时的效果:

注意:如果在我的扩展 Component 里,从下列这个路径导入 LoginComponent:

import { LoginComponent } from '@spartacus/user/account/components/login/login.component';

则报错:

ERROR in ./src/app/loginExtension/extLogin.component.ts
Module not found: Error: Can't resolve '@spartacus/user/account/components/login/login.component' in 'c:\Code\SPA\strange\mystore\src\app\loginExtension'

正确的路径为:

import { LoginComponent } from '@spartacus/storefront';

更多Jerry的原创文章,尽在:"汪子熙":

阅读 586

Jerry Wang的SAP技术专栏
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使
836 声望
1.6k 粉丝
0 条评论
836 声望
1.6k 粉丝
文章目录
宣传栏