SAP Spartacus B2B 页面 disable 按钮如下图所示。 这个高亮的 disable 按钮，和左边相邻的 Edit 按钮，实现位于不同的 Component. disable 按钮有单独的实现 Component：toggle-status.component.ts, selector: cx-org-toggle-status 在 B2B Launchpad 6 个 tile 里都消费了该 Compo
When upgrading Spartacus to a new major version (for example, from 3.x to 4.0), the Spartacus migration mechanism automatically implements fixes for code that is modified or removed in the new version. 当升级 Spartacus 到新的 major 版本时，Spartacus migration
如下图所示，这个 B2B 页面 的 Popover Component： 触发其的按钮位于 cx-org-card 内： 而下面这个 assigned users 明细页面，为什么就没有显示 Popover Component 的(i) 按钮了呢？ 究其原因，selector cx-org-card 对应 CardComponent，在其模板实现里，有一个标志位，控制是否显示 Popover C
参考 Pull Request：https://github.com/SAP/spartacus/pull/9946/files 首先在 docs/migration/3.0_md 里添加文字描述： projects/schematics/src/migrations/3_0/constructor-deprecations/constructor-deprecations.ts 在 CONSTRUCTOR_DEPRECATION_DATA 数组里，添加一个新元
该按钮的实现位于 toggle-status.component.html 里，点击后，可以对当前显示的 B2B item 进行 activation 和 deactivation 操作。 toggle(item) 方法的实现： 如果当前 item 处于 active 状态，则当前 toggle 应该执行 deactivation 操作，调用通过构造函数注入的 messageService,
SAP Spartacus B2B 页面的列表页面，一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴)： 点击去之后，能看到列表页面有一个绿色 icon 图标，点击之后，弹出一个 Popover Component： 第一个疑问就是：我们需要在 6 个 不同的 tile 对应的列表页面里，重复定义 6 次 这个 Popover Component
SAP Spartacus B2B 页面类似 SAP Fiori Launchpad，共有 6 个 tile(磁贴)，点击某个磁贴，能跳转到对应的列表页面。 路由映射就是指点击某个 url 之后(例如上图所示的例子），应该激活哪一个 Angular Component. 例如上图 User tile，通过 a 标签实现，点击之后，会跳转到其 href 属性指向的 url
该构造函数位于文件 popover.directive.ts 里： 第 11 行 cxPopOver Directive 施加到 button 元素上之后，运行时，cxPopOver Directive 的构造函数触发。其参数，既有应用程序定义的类型，比如 PositioningService, 也有框架使用的类型，比如 ElementRef，ViewContainerRef 等等。 element
这个自动 focus 设置的效果是：我们从 Spartacus Unit list 页面，随便选择一行，进入明细页面之后： 键盘 focus 会自动停留在 detail 页面(下图右边红色矩形框内)第一个 focusable 的元素上： 敲回车试试： 发现 (i) icon 是 unit 明细页面第一个 focusable 的元素。 这个功能的实现原理：
在之前的 SAP Spartacus 标准开发中，每次我从 Github 上 clone 了最新的代码后，必须手动修改 environment.ts 里的配置值，将 CX_BASE_URL 和 b2b 修改成实际值： 后来我研究了一下 package.json 里定义的脚本：发现使用了 env-cmd 这个工具： env-cmd --no-override -e dev,b2c,$S
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category-page 实现原理 AFAIK, currently we do not have anything similar to CurrentProductService for current category. 当前 SAP Spartacus 标准实现里，缺乏类似 Curren
https://github.com/SAP/spartacus/issues/3649 SAP Commerce Cloud CMS 页面加载的一些优化点： Payload of the CMS page structure - 待加载CMS 页面结构的负载Splitting the CMS page structure in both page and page template CMSimprove cache-ability of the CMS page
问题 As we are migrating our storefront to Spartacus, we can see the following JS resources generated do not contain the store id and this is causing issues with out cdn as we have multiple origin servers where to route the requests for this JS files. /r
需求：弄清楚UI上这个标题，是怎么渲染出来的： 在工程里找到了这个文件： feature-libs\organization\administration\assets\translations\en\units.i18n.ts 结构orgUnit的字段header：orgUnit.header, 对应了应用Component html里的key： 通过Spartacus 团队开发的cxTranslate pipe
起始命令： Running styleslint 260yarn run v1.22.5 261$ stylelint “{projects,feature-libs}/**/*.scss” 262Done in 1.02s. 263Validating code linting 264Linting “storefrontapp”… Lint warnings found in the listed files. 680Linting “storefrontlib”… 68
这是Jerry 2021年的第 14 篇文章，也是汪子熙公众号总共第 285 篇原创文章。 在本篇文章之前，Jerry 印象最深的幽灵，应该要算《星际争霸I》里人族能够隐形的空中单位 Wraith( 幽灵战机 ），以及能施放核弹的 Ghost( 幽灵特工). 上周 Jerry 做 SAP Spartacus 开发时，接触到一个新的和
Customer support - SSR not working Main problem In the codebase I found multiple instances of access to properties inside this.windowRef.nativeWindow. This works correctly on client side, but on server side (SSR) nativeWindow is undefined. Recommendation
ng add @spartacus/schematics --baseUrl https://spartacus-dev4.eastus.cloudapp.azure.com:9002/ --baseSite=electronics-spa --ssr 不能在空文件夹里使用上述命令行： 而是需要先用ng new standalone创建空的Angular项目： 创建完毕： 然后再执行命令行： ng add @spartacus/
https://github.com/SAP-samples/cloud-commerce-sample-setup/tree/2011-spartacus 启动Spartacus，遇到错误消息： NullInjectorError: R3InjectorError(AppServerModule)[ApplicationModule -> ApplicationRef -> ApplicationInitStatus -> InjectionToken Application In
需求：下图列表里的数据是从哪里来的？ cx-view里看到listData$这个Observable对象，来自list service的成员： cx-table控件在这里消费数据： subscribe后，看到的数据结构： page size：10 总共10页，总共97个。 请求url： https://spartacus-dev0.eastus.cloudapp.azure.com:9002/occ/v2
在Component wrapper里加上一行打印语句： 输出效果： 以CostCentersHomeLink为例：Spartacus里搜索不到，因为这是一个CMS Component： 从spartacussampledata addon的cms-responsive-content.impex文件里，找到了CostCentersHomeLink对应的url： ## BannerComponent in Organization
template指Component页面，而factory指Component实例的构造函数。 下图第三行listData$ | async这个pipe触发了Observable的subscribe操作： 然而是谁调用的getTree函数？ 是UnitListService的load函数： ListService的getData内调用了ListService的load方法： 最终在list.compone
Focusdirective并没有特殊的实现，同其父类Lockdirective相比只是把selector暴露出来而已： 三个依赖： elementRef: 施加Directive的DOM元素service: keyboardFocusServicerenderer: Renderer2 再看其父类LockDirective的实现。 有一个默认的配置defaultConfig： 当host元素有事件
Technical Changes in Spartacus 3.0 Breaking Changes Translations (i18n) changed fixed the typo in the key user.register.managementInMyAccount (previously …managmentInMyAccount)key checkout.checkoutReview.editShippingMethod has been removedkey checkout.c
首先创建一个新的Angular module和Component： 这个新的module，因为要使用Outlet功能，所以需要从@Spartacus/storefront里导入OutletRefModule，以及导出我们自己实现的MyOutletsComponent以便让外界消费。 MyOutletsComponent的实现： 在构造函数里注入currentProductService, 调用getP
