- skip 操作符允许我们忽略源的前 x 个排放。 当我们有一个始终在 subscription 上发出希望忽略的某些值的可观察对象时，就可以使用这个操作符。比如 Observable emit 的前几个值并不是我们感兴趣的值，另一种情况是我们订阅了 Replay 或 BehaviorSubject，并且不需要对初始值进行操作，而只关心初始值之后的数据 emit. 这种情况下，skip 操作符... skip 操作符允许我们忽略源的前 x 个排放。 当我们有一个始终在 subscription 上发出希望忽略的某些值的可观察对象时，就可以使用这个操作符。比如 Observable emit 的前几个值并不是我们感兴趣的值，另一种情况是我们订阅了 Replay 或 BehaviorSubject，并且不需要对初始值进行操作，而只关心初始值之后的数据 emit. 这种情况下，skip 操作符...
- RxJS（Reactive Extensions for JavaScript）是JavaScript的一个响应式编程库，特别适用于处理异步数据流。 RxJS（Reactive Extensions for JavaScript）是JavaScript的一个响应式编程库，特别适用于处理异步数据流。
- 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));... 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));...
- RxJS 的 tap 操作符是一个非常有用的工具，它允许我们“查看” Observable 流中的数据，同时不会对数据流产生任何影响。换句话说，它是一种副作用（side effect）操作符，允许我们在不更改主要数据流的情况下执行一些额外的操作，如日志记录、调试或其他副作用。在详细讨论 tap 操作符的使用场景之前，让我们先了解一下它的基本用法。tap 操作符接收三个可选的回调函数参数，分别... RxJS 的 tap 操作符是一个非常有用的工具，它允许我们“查看” Observable 流中的数据，同时不会对数据流产生任何影响。换句话说，它是一种副作用（side effect）操作符，允许我们在不更改主要数据流的情况下执行一些额外的操作，如日志记录、调试或其他副作用。在详细讨论 tap 操作符的使用场景之前，让我们先了解一下它的基本用法。tap 操作符接收三个可选的回调函数参数，分别...
- 本文记录我在工作中的一次失误。如下图所示，我在构造函数里注入了一个新的依赖：protected checkoutService: CheckoutService当下列情况同时满足时，客户就会遇到编译错误：(1) 客户升级到了新的 minor 版本，即我引入该新的依赖的版本。(2) 客户之前扩展了 CheckoutDeliveryService(3) 客户在自己的扩展类的构造函数里，调用了 s... 本文记录我在工作中的一次失误。如下图所示，我在构造函数里注入了一个新的依赖：protected checkoutService: CheckoutService当下列情况同时满足时，客户就会遇到编译错误：(1) 客户升级到了新的 minor 版本，即我引入该新的依赖的版本。(2) 客户之前扩展了 CheckoutDeliveryService(3) 客户在自己的扩展类的构造函数里，调用了 s...
- 首先了解 combineLatest 这个操作符的作用：组合多个 Observable 以创建一个 Observable，其值是根据其每个输入 Observable 的最新值计算得出的。其弹珠图如下图所示：我们有一个限制值流和一个偏移值流。 我们使用 combineLatest 组合这些流以创建一个流，该流将在每次源流之一更改时具有一个新值。 然后我们使用 switchMap 根据这些值从后... 首先了解 combineLatest 这个操作符的作用：组合多个 Observable 以创建一个 Observable，其值是根据其每个输入 Observable 的最新值计算得出的。其弹珠图如下图所示：我们有一个限制值流和一个偏移值流。 我们使用 combineLatest 组合这些流以创建一个流，该流将在每次源流之一更改时具有一个新值。 然后我们使用 switchMap 根据这些值从后...
- 本文讨论 Spartacus UI checkout 流程时，下图高亮的两种交货模式，Delivery Mode 的数据来源：从组件的模板文件里能看出，这些 radio input 的数据，来自 Observable 对象 supportedDeliveryModes$：后者通过服务类 checkoutDeliveryService 的 getSupportedDeliveryModes 获... 本文讨论 Spartacus UI checkout 流程时，下图高亮的两种交货模式，Delivery Mode 的数据来源：从组件的模板文件里能看出，这些 radio input 的数据，来自 Observable 对象 supportedDeliveryModes$：后者通过服务类 checkoutDeliveryService 的 getSupportedDeliveryModes 获...
- 看下面这段代码：getSupportedDeliveryModes(): Observable<DeliveryMode[]> { return this.checkoutStore.pipe( select(CheckoutSelectors.getSupportedDeliveryModes), withLatestFrom( this.check... 看下面这段代码：getSupportedDeliveryModes(): Observable<DeliveryMode[]> { return this.checkoutStore.pipe( select(CheckoutSelectors.getSupportedDeliveryModes), withLatestFrom( this.check...
- Spartacus B2B Commerce Organization 允许公司管理通过 Spartacus 商务网站进行的采购。可以将公司的采购经理设置为商业组织的管理员。 管理员可以创建代表组织、地区、城市、部门或公司中任何其他组织实体的单位。 然后将这些单位与买家、送货地址和成本中心相关联，所有这些都是为了允许、控制和跟踪支出。本节中的以下页面描述了如何使用 B2B Commerce ... Spartacus B2B Commerce Organization 允许公司管理通过 Spartacus 商务网站进行的采购。可以将公司的采购经理设置为商业组织的管理员。 管理员可以创建代表组织、地区、城市、部门或公司中任何其他组织实体的单位。 然后将这些单位与买家、送货地址和成本中心相关联，所有这些都是为了允许、控制和跟踪支出。本节中的以下页面描述了如何使用 B2B Commerce ...
- 本文讨论如果两个 Angular Component 彼此不知道对方的存在，并且也没有共享的父子 Component 时，如何进行通信。在包括 Angular 在内的许多前端框架中，当我们将应用程序或页面划分为许多小的 UI 组件并将事件绑定到一个嵌套了很多层的组件时，总是存在通信问题。在 Angular 中，我们使用 @Output() 和 @Input()。 这在正常情况下能够很好的工作... 本文讨论如果两个 Angular Component 彼此不知道对方的存在，并且也没有共享的父子 Component 时，如何进行通信。在包括 Angular 在内的许多前端框架中，当我们将应用程序或页面划分为许多小的 UI 组件并将事件绑定到一个嵌套了很多层的组件时，总是存在通信问题。在 Angular 中，我们使用 @Output() 和 @Input()。 这在正常情况下能够很好的工作...
- SAP’s UI Technologies supporting the new Horizon visual theme of SAP FioriSAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。 如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP ... SAP’s UI Technologies supporting the new Horizon visual theme of SAP FioriSAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。 如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP ...
- RxJS 是一个功能强大的库，可用于使用异步编程。Angular 开发人员广泛应用 RxJS 满足适应复杂的异步操作处理需求。RxJS 提供了各种操作符，以便开发人员能够更有效地处理数据流。filter 操作符就是其中之一，用于过滤 Observable 流中的数据项。在 RxJS 中，filter 操作符能够通过指定的谓词函数对数据流进行筛选，只允许符合条件的数据项通过。filter 操作... RxJS 是一个功能强大的库，可用于使用异步编程。Angular 开发人员广泛应用 RxJS 满足适应复杂的异步操作处理需求。RxJS 提供了各种操作符，以便开发人员能够更有效地处理数据流。filter 操作符就是其中之一，用于过滤 Observable 流中的数据项。在 RxJS 中，filter 操作符能够通过指定的谓词函数对数据流进行筛选，只允许符合条件的数据项通过。filter 操作...
- 本文是Rxjs 响应式编程-第二章：序列的深入研究这篇文章的学习笔记。示例代码托管在：http://www.github.com/dashnowords/blogs更多博文：《大史住在大前端》目录【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad一. 划重点二. flatMap功能解析三. flatMap的推演3.1 函数式编程基础知识回顾3.2 从一个容器的例子开始3.... 本文是Rxjs 响应式编程-第二章：序列的深入研究这篇文章的学习笔记。示例代码托管在：http://www.github.com/dashnowords/blogs更多博文：《大史住在大前端》目录【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad一. 划重点二. flatMap功能解析三. flatMap的推演3.1 函数式编程基础知识回顾3.2 从一个容器的例子开始3....
- import { Component, OnInit } from '@angular/core'; import { CommonService } from '../../services/commo... import { Component, OnInit } from '@angular/core'; import { CommonService } from '../../services/commo...
- 在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。ng updateng... 在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。ng updateng...
上滑加载中
推荐直播
-
DeepSeek 深入浅出白话解读2025/02/12 周三 17:00-18:00
Tim-华为云中国区AI解决方案总监
DeepSeek的来龙去脉，为什么DeepSeek那么强？哪些是它的领先优势？它是怎么发展过来的？在华为云上能不能用到DeepSeek？本节课将一一解读。
回顾中
热门标签