SAP Spartacus 如何重定义登录 Login Component

首先在一个标准的 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的原创文章，尽在：“汪子熙”:

SAP Spartacus 如何重定义登录 Login Component相关推荐

SAP Spartacus Table cell显示数据类型的Component决定逻辑
以SAP Spartacus B2B org unit list为例,table cell到底用什么样的Component来显示数据,取决于units.config.ts文件里定义的配置数据units ...
SAP Spartacus 找不到登录入口的问题 - 如何使用 Schematics 安装 user package
如下图所示:本地打开 SAP Spartacus 页面,右上角找不到登录链接: 查看 package.json,发现因为我没有安装 @spartacus/user 这个 package: @spart ...
SAP Spartacus 懒加载 Customized CMS Component 的问题
Lazy-loaded overriden or custom CMS Components SAP Spartacus 有两种 lazy load 方式: CMS-driven lazy loadi ...
SAP Spartacus B2B Popover Directive 和 Popover Component 的生命周期管理
解析 SAP Spartacus B2B list 实现,即list.component.html时,因为在Component 模板里遇到了[cxPopover]指令,因此触发依赖注入: 首先创建di ...
SAP Spartacus organization unit list的实现Component
SAP Spartacus B2B My Company功能里的org unit list实现: http://localhost:4200/powertools-spa/en/USD/organiz ...
SAP Spartacus 的页面布局
官方文档 Spartacus 基于单页面应用程序设计模式,但仍有页面呈现在店面中. "页面"的概念是网络的关键并且无法避免:页面由 URL 标识.由搜索引擎索引.通过社交媒体共享. ...
SAP Spartacus的登录验证机制 - user login Authentication
用户输入用户名和密码,点击login之后,向如下http endpoint发起POST请求: url: https://spartacus-dev2.eastus.cloudapp.azure.com ...
SAP Spartacus的登录页面的用户名显示逻辑
SAP Spartacus登录页面如下图所示: 通过login form用户输入的用户名和密码去换取token,拿到token后,调用另一个API,将token作为Authorization字段输入: ...
SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...

SAP Spartacus 如何重定义登录 Login Component

SAP Spartacus 如何重定义登录 Login Component相关推荐

最新文章

热门文章