如何使用ngrx向处于初始状态的实体添加项目
ngrx是一个用于管理状态的JavaScript库，它基于Redux模式，并结合了RxJS的强大功能。它可以帮助开发人员更好地管理应用程序的状态，并提供了一种可预测和可维护的方式来处理状态变化。
要向处于初始状态的实体添加项目，可以按照以下步骤进行操作：
- 定义一个Action：在ngrx中，Action是一个简单的JavaScript对象，用于描述状态的变化。可以创建一个名为"AddItem"的Action，用于表示向实体添加项目的操作。
- 创建一个Reducer：Reducer是一个纯函数，用于根据Action来更新状态。在Reducer中，可以处理"AddItem"这个Action，并在状态中添加新的项目。
- 创建一个Selector：Selector是一个函数，用于从状态中选择特定的数据。可以创建一个名为"getItems"的Selector，用于选择实体中的项目。
- 创建一个Effect：Effect是一个用于处理副作用的函数，例如异步操作。在Effect中，可以监听"AddItem"这个Action，并执行相应的副作用操作，例如向服务器发送请求来添加项目。
- 在组件中使用ngrx：在组件中，可以使用ngrx提供的各种函数和操作符来处理状态。可以使用"dispatch"函数来触发"AddItem"这个Action，从而向实体添加项目。同时，可以使用"select"函数来选择实体中的项目。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云原生产品：https://cloud.tencent.com/product/tke
- 腾讯云数据库产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器产品：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iot
- 腾讯云移动开发产品：https://cloud.tencent.com/product/mob
- 腾讯云存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/vr
相关·内容
1回答
具有仅包含记录子集的存储的NGRX实体
database、api、ngrx、ngrx-entity
最近做了一个使用NGRX实体进行状态管理的组件，之前我们直接使用了NGRX action->reducer->effect->selector。
在我看来，从第一印象看，设计模式希望您将模型中的总记录集加载到状态中，所以我就是这么做的。然后我开始思考，当这个模型开始包含大量数据时会发生什么。
所以问题是，如果只将数据的一个子集加载到状态中，那么实体有意义吗？
例如，如果我只加载一个子集，那么当作为存储上的一个操作实现时，对该数据表中的一列进行排序将不起作用(正如用户所期望的那样)。
浏览 0提问于2019-05-16得票数 0
3回答
ngrx中单独的缩减程序中的相关实体
angular、redux、ngrx
我正在用angular开发我的第一个ngrx应用程序，但遇到了与相关实体相关的问题。我有两个reducers，一个叫做Page，另一个叫做Section。下面是该结构的简化版本。section对象有一个带有pageIds的页面数组，该数组指向页面缩减器中的页面。
// section.reducer.ts
sections: {
1: {
id: 1,
title: 'Section 1',
pages: [1,2,3]
}
}
// page.reducer.ts
pages: {
1: {
浏览 0提问于2017-06-16得票数 1
1回答
NgRX实体:未在州中定义in
javascript、angular、rxjs、entity、ngrx
我一直在一个虚拟的"Todo“项目中尝试@ngrx/entity，它只有一个AppModule、一个reducer和一个组件。然而，我在试用时遇到了一些问题。
我的行为非常简单，只有一些CRUD操作：
import { Action } from '@ngrx/store';
import { Todo } from '../../models/todo';
export const CREATE = '[Todo] Create'
export const UPDATE = '[Todo] Update'
expo
浏览 4提问于2018-02-27得票数 12
回答已采纳
1回答
具有多个相关实体的ngrx ` `forFeature`‘
angular、ngrx、ngrx-store、ngrx-store-4.0
我们正在尝试为我们的应用程序采用forFeature模式。然而，多个特征是相互关联的。
我们有一个同时显示多个实体关系的应用程序。
例如，假设我们有以下实体
产品
供应商
国家/地区
货币
港港
何地as模型
ìnterface Product {
countryId: string;
currencyId: string;
supplierId: string;
}
interface Supplier {
name: string;
harbourId: string;
countryId: string;
}
然后在product-d
浏览 0提问于2018-03-26得票数 4
回答已采纳
2回答
应用程序使用ngrx的最佳结构是什么？
angular、ngrx
结构1
reducers
index.ts //Combine all reducers
user.reducer.ts
product.reducer.ts
actions
index.ts //Combine all actions
user.action.ts
product.action.ts
effects
index.ts //Combine all effects
user.effect.ts
product.effect.ts
selector
//Combine all selectors
user.sele
浏览 4提问于2016-07-21得票数 23
1回答
NgRx:从存储区获取数据，但未定义
angular、typescript、ngrx、ngrx-store、ngrx-effects
亲爱的Stackoverflow社区。
我是NgRx的新手，正在尝试了解它是如何工作的。我创建了一个应用程序-基于Angular 6，Firebase和NgRx的简单商店列表。
我在名为Product的集合中添加了几个项，并尝试通过ngrx模式获取它们。似乎我做得很好-我已经在GET_PRODUCTS_SUCCESS中获取了项目作为有效负载，但我不能将它们放到视图中显示，产品是未定义的。我尝试了两种方式：
this.store.select(getProducts).subscribe(products => {
console.log('products', pro
浏览 1提问于2018-10-17得票数 6
回答已采纳
1回答
传递给`selectId`实现的实体返回未定义的
javascript、angular、typescript、ngrx、ngrx-entity
我希望在ngrx中设置令牌和刷新令牌，并为每个请求保存和使用该令牌，并且在重新加载页面时，不要在redux中删除数据。
我实施这一状态是为了：
我发送数据：
this.getUserInformation().toPromise().then(responset => {
if (response.success === true) {
this.store.dispatch(new SetUserInformation({
displayName: responset
浏览 3提问于2020-08-22得票数 2
回答已采纳
4回答
可恶的腾讯云， CentOS 7.版本，怎么安装MYSQL？那狗屁数据库mariadb,怎么用？
云服务器、官方文档、云数据库 SQL Server、sql、centos
请描述您的问题
标题：CentOS 下 LNMP 环境配置 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2125
安装 MySQL。输入以下命令：
yum install mariadb mariadb-serve
启动 MySQL 服务。输入命令：
service mysqld start
腾讯服务很不负责，那几个命令有用吗?牛头对马嘴！
浏览 1117提问于2018-02-02
2回答
在NgRx效果中重新填充状态
angular、redux、ngrx、ngrx-store、ngrx-effects
我有一个JSON，在我的效果中，它最初是一个JSON.stringify(状态)，需要将这个JSON字符串添加回状态中以更新应用程序。( Angular和NgRx/Redux的新特性)。
我有一个这样的效果(我可能做错了)：
@Effect({ dispatch: false })
upState$ = this.actions$.pipe(
ofType(WorkspaceActionTypes.UpState),
withLatestFrom(this.store.select(fromSpace.getState)),
tap(([empty, space]) =>
浏览 2提问于2019-08-20得票数 3
3回答
点开磁盘管理后没有磁盘1只有磁盘0？
云服务器、官方文档
请描述您的问题
标题：快速入门 Windows 云服务器 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2764
浏览 1749提问于2018-01-31
1回答
ngrx/entity中的SelectAll没有选择任何内容
angular、typescript、ngrx、ngrx-entity
简介
让我的选择器工作有点困难。虽然我可以看到调用已经发出，但我的组件不会用FakeApiService中的书籍进行更新。所以行动和效果都起作用了。
我相信这个问题与我使用@ngrx/Entity有关。特别是这个
export const getBooksState = createFeatureSelector<DemoState>('demo');
和
export const { selectAll } = fromBook.adapter.getSelectors();
我看过教程，它们为getSelectors()提供了一个选择器函数，但这不应该是必要的。
浏览 0提问于2018-05-14得票数 2
回答已采纳
2回答
为什么这个选择器的投影仪函数返回未定义？
javascript、angular、ngrx
我正在尝试创建一个选择器，它返回一个特性选择器的一部分。状态通过effect不同步地填充，但从空数组开始。
问题是投影仪的功能未定义传入，我不明白为什么了。
selector.ts
import { createFeatureSelector, createSelector } from '@ngrx/store';
import { ChartState } from '../reducers/chart.reducer';
export const selectChartState = createFeatureSelector<ChartStat
浏览 1提问于2019-07-17得票数 0
回答已采纳
2回答
如何在redux中更新数量而不重复？
javascript、reactjs、redux、redux-toolkit
我有添加和删除商品的状态，它会发送到购物车。我是我的购物车，当我添加的时候，它是重复的。我是否需要为这个增量创建一个缩减程序，以便它可以从1更新为2，而不是复制它？ const INITIAL_STATE = []
export const addItem = createAction('ADD_ITEM')
export const increment = createAction('INCREMENT')
export const removeItem = createAction('REMOVE_ITEM')
export defa
浏览 25提问于2021-06-01得票数 0
回答已采纳
1回答
如何使用rxjs操作符以及ngrx-form？
angular、rxjs、ngrx、angular-forms
这个问题是关于ngrx-form的。
问题1.
想象一下这是我的reducer.ts
//reducer.ts
import { Action, combineReducers } from '@ngrx/store';
import { createFormGroupState, formGroupReducer, FormGroupState } from 'ngrx-forms';
import { State as RootState } from '../app.reducer';
export interface FormVal
浏览 6提问于2020-04-22得票数 1
回答已采纳
5回答
微信小程序人脸与身份证照片对比登录,后端做什么？
官方文档、小程序·云开发
微信小程序前端和后端分别要做些什么 ? 所有需要的东西有哪些 ? (请尽量详细点)
标题：人脸识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12397
浏览 2455提问于2018-01-24
2回答
如何在ngrx/Store reducer中使用其他Angular2服务？
angular、dependency-injection、redux、ngrx
ngrx/Store和reducer都是新手。基本上，我有这个减速器：
import {StoreData, INITIAL_STORE_DATA} from "../store-data";
import {Action} from "@ngrx/store";
import {
USER_THREADS_LOADED_ACTION, UserThreadsLoadedAction, SEND_NEW_MESSAGE_ACTION,
SendNewMessageAction
} from "../actions";
import * a
浏览 2提问于2017-01-23得票数 28
回答已采纳
1回答
@ngrx/effects调度操作
ngrx、ngrx-store、ngrx-effects
我是ngrx/store和effects的新手，所以我仍然不了解分派操作的流程：
动作->效应->减速器->存储动作->减速器->效果->减速器->存储
我的问题是，当我调用store.select()时，我发现这个动作被发送了两次，这就是我所做的测试：
减速器函数
switch (action.type) {
...
default: {
console.log('In reducer function');
return state;
}
}
效果类构造函数
constructor( priv
浏览 1提问于2020-04-27得票数 0
回答已采纳
4回答
使用featureSelector ngrx时无法读取未定义映射的属性
angular、ngrx
存储库：
当我尝试订阅post ngrx实体特性的selectAll时，我会得到以下错误：
无法读取未定义映射的属性
这必须是一个简单的错误，我正在逐字学习教程。
奇怪的是，如果我使用字符串选择器：
this.selected$ = this.store.select('post');
this.selected$.subscribe(console.log); // no error here.
我没有错误。
问:当使用ngrx实体时，如何让我的selectAll选择器注销ngrx商店集合post中的所有帖子。
我的post.reducer.ts
import
浏览 1提问于2017-11-21得票数 6
回答已采纳
1回答
Ngrx/effect和angular 2拦截器应该同时使用吗？
angular、interceptor、ngrx-effects
我仍然在尝试使用redux模式。在我看来，ngrx/effect可以和angular拦截器做同样的事情。我写了一些intereptor来在所有请求中添加hawk凭证，我是否应该将其移动到ngrx/effect？或者我应该两者都使用？
浏览 1提问于2017-10-11得票数 0
1回答
如何测试使用存储选择器的NGRX效果？
angular、rxjs、ngrx、ngrx-effects
我有一个@Effect，它使用MemoizedSelector从redux存储中获取一个项目，并使用Action的有效负载对其进行mergeMap。效果非常好，但是为此设置Jest测试已经证明很困难，因为我似乎无法模拟选择器的返回值，因为select是一个已声明的函数，它是导入的(从select中使用，并且选择器本身也是导入的函数。我现在在抓吸管。
如何编写单元测试来测试使用存储选择器的NGRX效果？
"@ngrx/store"："^7.4.0"，
"rxjs"："^6.2.2"
我尝试了以下几种解决方案：
使用
pr
浏览 0提问于2019-05-13得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
