- 官方链接：https://sap.github.io/spartacus-docs/event-service/#page-titleThe Spartacus event service provides a stream of events that you can consume without a tight integration to specific components or... 官方链接：https://sap.github.io/spartacus-docs/event-service/#page-titleThe Spartacus event service provides a stream of events that you can consume without a tight integration to specific components or...
- 做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular，React，Vue，每天都离不开 Chrome / Firefox 开发者工具。Jerry 2018 年的时候，曾经写过一篇关于 Chrome 开发者工具的文章：Jerry 和您聊聊 Chrome 开发者工具。这些开发者工具虽然好用，但是当 Web 应用在移动设备上运行时，想直接在手机浏览器上查看其使用 console... 做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular，React，Vue，每天都离不开 Chrome / Firefox 开发者工具。Jerry 2018 年的时候，曾经写过一篇关于 Chrome 开发者工具的文章：Jerry 和您聊聊 Chrome 开发者工具。这些开发者工具虽然好用，但是当 Web 应用在移动设备上运行时，想直接在手机浏览器上查看其使用 console...
- Jerry 在从事 SAP Commerce Cloud 前台 Angular 开发时，脑子里始终记挂着自己曾经习得的 SAP UI5 开发技术。我刻意要求自己将 SAP UI5 和 Angular 各方面做对比，只希望自己能在这两个前端开发框架上，都有一定的技术积累。最近遇到 SAP 电商云前台开发的一个问题，涉及到 CombineLatest 这个操作符的用法，所以有了这篇文章。在 SA... Jerry 在从事 SAP Commerce Cloud 前台 Angular 开发时，脑子里始终记挂着自己曾经习得的 SAP UI5 开发技术。我刻意要求自己将 SAP UI5 和 Angular 各方面做对比，只希望自己能在这两个前端开发框架上，都有一定的技术积累。最近遇到 SAP 电商云前台开发的一个问题，涉及到 CombineLatest 这个操作符的用法，所以有了这篇文章。在 SA...
- 任务：分析 SAP UI5 root XML 视图的加载逻辑。鼠标放到 initiator 这一列上，找到调用栈的 UIComponent.js 的 createContent 方法：可以看到，这里的逻辑是，从 manifest.json 里解析出 root view 定义，然后实例化该视图。我们再来看看另一个 root 视图加载失败的 SAP UI5 应用：Access to XMLHtt... 任务：分析 SAP UI5 root XML 视图的加载逻辑。鼠标放到 initiator 这一列上，找到调用栈的 UIComponent.js 的 createContent 方法：可以看到，这里的逻辑是，从 manifest.json 里解析出 root view 定义，然后实例化该视图。我们再来看看另一个 root 视图加载失败的 SAP UI5 应用：Access to XMLHtt...
- 登录 SAP Kyma 控制台，创建一个新的 function：实现方式选择 nodejs：自动生成一个同名的 service. 点击 service 面板右下角的 Expose service 按钮，创建一个新的 API rule，将 function 暴露给 internet：选中 function，点击 expose function，创建 API rules：维护 api rule ... 登录 SAP Kyma 控制台，创建一个新的 function：实现方式选择 nodejs：自动生成一个同名的 service. 点击 service 面板右下角的 Expose service 按钮，创建一个新的 API rule，将 function 暴露给 internet：选中 function，点击 expose function，创建 API rules：维护 api rule ...
- 实现效果如下图所示：app view 的实现代码：// @ts-nochecksap.ui.jsview("jerrylist.view.App", { getControllerName: function () { return "jerrylist.view.App"; }, createContent: function (oController) { // to avoi... 实现效果如下图所示：app view 的实现代码：// @ts-nochecksap.ui.jsview("jerrylist.view.App", { getControllerName: function () { return "jerrylist.view.App"; }, createContent: function (oController) { // to avoi...
- 一 启动nomad访问web界面现在，您将快速探索Nomad web界面。如果您到达本教程的顺序不一致，请完成此集合中的前面步骤，或者运行nomad agent -dev -bind 0.0.0.0 -log-level=INFO 二 访问UI只要Nomad在运行，Nomad UI也在运行。它与Nomad HTTP API位于相同的地址和端口，位于/UI命名空间下。运行Nomad dev代... 一 启动nomad访问web界面现在，您将快速探索Nomad web界面。如果您到达本教程的顺序不一致，请完成此集合中的前面步骤，或者运行nomad agent -dev -bind 0.0.0.0 -log-level=INFO 二 访问UI只要Nomad在运行，Nomad UI也在运行。它与Nomad HTTP API位于相同的地址和端口，位于/UI命名空间下。运行Nomad dev代...
- https://sap.github.io/spartacus-docs/extending-checkoutThe checkout feature in Spartacus is CMS-driven, which means every page in the checkout flow is based on CMS pages, slots and components.Spart... https://sap.github.io/spartacus-docs/extending-checkoutThe checkout feature in Spartacus is CMS-driven, which means every page in the checkout flow is based on CMS pages, slots and components.Spart...
- CombineLatest 的使用场景：This operator is best used when you have multiple, long-lived observables that rely on each other for some calculation or determination.当有多个长时间存活的 Observable，且依赖彼此，共同完成某些计算逻辑时，适... CombineLatest 的使用场景：This operator is best used when you have multiple, long-lived observables that rely on each other for some calculation or determination.当有多个长时间存活的 Observable，且依赖彼此，共同完成某些计算逻辑时，适...
- subscribeToArray 函数体的逻辑：它的实质是一个函数：该函数接收一个 array 作为输入参数，遍历这个 array，将其每个元素，作为另一个匿名函数执行的一部分。该匿名函数体内，将 array 的元素作为 subscriber 订阅函数的输入：对上述代码进行一点增强：<html><script>const subscribeToArray = (array) => (subs... subscribeToArray 函数体的逻辑：它的实质是一个函数：该函数接收一个 array 作为输入参数，遍历这个 array，将其每个元素，作为另一个匿名函数执行的一部分。该匿名函数体内，将 array 的元素作为 subscriber 订阅函数的输入：对上述代码进行一点增强：<html><script>const subscribeToArray = (array) => (subs...
- 测试代码：fromEvent(this.test, 'click').pipe(map( event => event.timeStamp), mapTo(1)).subscribe((event) => console.log(event));pipe 操作的两个输入操作：输入参数为数组，包含两个元素：使用原始的 Observable 作为输入，执行这两个操作：数组的 reduce 是一个... 测试代码：fromEvent(this.test, 'click').pipe(map( event => event.timeStamp), mapTo(1)).subscribe((event) => console.log(event));pipe 操作的两个输入操作：输入参数为数组，包含两个元素：使用原始的 Observable 作为输入，执行这两个操作：数组的 reduce 是一个...
- 使用一个例子来研究 map 操作符的工作原理。推荐阅读本文之前，先浏览这篇文章RxJs fromEvent 工作原理分析以了解相关知识。源代码：import { Component, OnInit, Inject } from '@angular/core';import { fromEvent, combineLatest } from 'rxjs';import { mapTo, sta... 使用一个例子来研究 map 操作符的工作原理。推荐阅读本文之前，先浏览这篇文章RxJs fromEvent 工作原理分析以了解相关知识。源代码：import { Component, OnInit, Inject } from '@angular/core';import { fromEvent, combineLatest } from 'rxjs';import { mapTo, sta...
- https://sap.github.io/spartacus-docs/reference-app-structure/该概念在 SAP Spartacus 3.1 版本引入。这个 Reference App Structure 是 SAP 推荐客户在搭建自己的 Spartacus Storefront 时所用的参考。Spartacus 包含若干可以 lazy load 的 feature... https://sap.github.io/spartacus-docs/reference-app-structure/该概念在 SAP Spartacus 3.1 版本引入。这个 Reference App Structure 是 SAP 推荐客户在搭建自己的 Spartacus Storefront 时所用的参考。Spartacus 包含若干可以 lazy load 的 feature...
- 在 module 实现里，务必导入下列 module：import { ReactiveFormsModule } from '@angular/forms';template 实现代码：<input type="text" [formControl]="jerryFormControl"><div>{{ response }}</div>其中 formControl Directive，绑... 在 module 实现里，务必导入下列 module：import { ReactiveFormsModule } from '@angular/forms';template 实现代码：<input type="text" [formControl]="jerryFormControl"><div>{{ response }}</div>其中 formControl Directive，绑...
- 假设有这样一个需求：我们需要增强 HTML 里原生的 input 标签，让其达到，随着用户输入字符时，其颜色自动切换的效果。这是一个典型的可以使用 Angular Directive 实现的需求。每个 Directive 都有一个 host 元素。Decorator that marks a DOM property as a host-binding property and suppli... 假设有这样一个需求：我们需要增强 HTML 里原生的 input 标签，让其达到，随着用户输入字符时，其颜色自动切换的效果。这是一个典型的可以使用 Angular Directive 实现的需求。每个 Directive 都有一个 host 元素。Decorator that marks a DOM property as a host-binding property and suppli...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签