Angular reducer第一次被框架调用的单步调试细节

2024-05-23 01:44:45

Reducer: 纯粹的函数，接收当前状态，以及最新的action，计算出最新的action.
selector: 纯函数，用于select，derive和compose pieces of state

Store和State的区别

State is accessed with the store, an observable of state and an observer of actions.

Store是state和action的Observable.

reducer第一次被系统调用：@ngrx/store/update-reducers:

type：@ngrx/store/update-reducers
store也是一个Observable：

上一次的action：

store的source字段里，根据feature名称example找到state初始值0：

下面再观察store.select的执行：

source$就是应用的this.store:

this.store.select返回一个新的Observable对象，也是一个store：

点了UI add按钮后：

store.dispatch:

store->BehaviorSubject:

只取出observers对象：

scheduler.js:

注意，一旦调用了flush方法之后，我们的reducer被回调：

action导致counter值变为1之后，需要通知subscriber：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular reducer第一次被框架调用的单步调试细节相关推荐

Angular应用i18n - internationalization翻译的实现单步调试
translate方法是入口: this.i18next.t是Angular lib的实现: this.resolve方法一旦执行完毕后,resolved存储的就是翻译后的结果: 默认的languag ...
SAP ABAP 服务器上OData Gateway 框架代码的单步调试
Created by Wang, Jerry, last modified on Jan 17, 2015
自已编写C# DLL 绑定到unity进程进行单步调试
测试环境一:mac Catalina-10.15.4, vs2019 for mac, unity2019.3.6f1 for mac 要在VS2019的 [适用于UNITY的工具]中,将 [调试程序 ...
关于 Angular view Query 的 id 选择器问题的单步调试
问题描述我有这样一个 Angular Component,模板文件如下: @Component({ selector: 'example-app', template: ` <pane id= ...
通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式
问题描述我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection): 这个 Component 的模 ...
Angular 内容投影 content projection 关于选择器问题的单步调试
问题描述我定义了一个能够允许消费者 Component 将其自定义内容通过 content projection 投射进来的 Component: import { Component } from ...
Angular 内容投影 content projection 的一个问题的单步调试
问题描述我使用如下代码测试一个最简单的 Angular 内容投影场景: import { Component } from '@angular/core';@Component({selector: ...
记Angular与Django REST框架的一次合作（2）：前端组件化——Angular
注:这是这个系列的第二部分,主要集中在Angular的使用方面.之前使用过AngularJS(Angular 1.x),混在Django的模板中使用,这些页面一般完全是结果展示页.在有Django表单 ...
SAP Spartacus 服务器端渲染单步调试步骤之二：在服务器端执行应用程序 Angular 代码
前文:SAP Spartacus 服务器端渲染单步调试步骤之一:应用程序准备工作入口: 进入 platform-server.js: 入口: 最终在服务器端执行 bootstrap,输入 Compo ...

最新文章

热门文章