在() ngrx减速器上包含内部的过滤器
在ngrx减速器上包含内部的过滤器是指在使用ngrx状态管理库时，可以在减速器(reducer)中添加过滤器(filter)来对状态进行筛选和处理的功能。
概念： ngrx是一个用于构建响应式应用程序的状态管理库，它基于Redux架构思想，并结合了RxJS的强大功能。ngrx减速器(reducer)是ngrx中的一个重要概念，用于处理和更新应用程序的状态。
分类： 过滤器是ngrx减速器中的一种特殊功能，它可以根据特定的条件对状态进行筛选和处理。过滤器可以用于过滤出符合特定条件的状态，或者对状态进行转换和修改。
优势： 使用ngrx减速器上的内部过滤器可以带来以下优势：
- 状态管理：过滤器可以帮助我们更好地管理应用程序的状态，根据需要筛选和处理状态数据。
- 状态更新：通过过滤器，我们可以对状态进行转换和修改，使得状态更新更加灵活和可控。
- 代码复用：过滤器可以被多个减速器共享和复用，提高代码的可维护性和可重用性。
应用场景： 过滤器可以在各种场景下使用，例如：
- 数据筛选：根据特定的条件过滤出符合条件的数据，例如根据时间范围、关键字等进行数据筛选。
- 数据转换：对状态数据进行转换和修改，例如对数据进行排序、格式化等操作。
- 数据过滤：根据权限或角色对状态数据进行过滤，只展示用户有权限查看的数据。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，其中与状态管理相关的产品是腾讯云的Serverless Framework。Serverless Framework是一个开发、部署和管理无服务器应用程序的工具，可以帮助开发者更好地管理应用程序的状态。
腾讯云Serverless Framework产品介绍链接地址：https://cloud.tencent.com/product/sls
相关·内容
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回答
为什么reducer必须返回新状态？
redux
为什么reducer必须返回新状态，.Why不能返回更新状态的原因是什么？这是我们必须遵循的模式吗?另外，请让我知道ngrx和redux是完全不同的吗？
浏览 1提问于2019-03-14得票数 1
2回答
在ngrx中访问减速器中的其他状态部件
angular、redux、ngrx
如果另一个状态部分已经更改，我需要删除一个状态值。如何从NgRx中的减速机访问其他存储部件？
我的存储模式：
a: {...}
b: {...}
我需要从一个具有'a‘特征存储的还原器访问到'b’特性存储，它是在另一个减速器中初始化的。
浏览 2提问于2020-03-27得票数 6
回答已采纳
1回答
为什么在导入store for feature之后，当我调度一个操作时，我的reducer会被多次调用？
angular、rxjs、ngrx
我是ngrx的新手，我正在尝试为我的每个功能模块设置一个状态，同时也为应用程序模块设置一个状态。首先，我在app.module.ts中注册了StoreModule及其效果，如下所示：
@NgModule({
declarations: [
...
],
imports: [
...,
StoreModule.forRoot({app: fromApp.reducer}),
EffectsModule.forRoot([AppEffectsService])
],
bootstrap: [AppComponent]
})
export clas
浏览 34提问于2019-11-10得票数 3
回答已采纳
1回答
使用@ngrx/存储到角2模块
angular、state、ngrx
在当前应用程序中，我成功地使用了@ngrx/store (也是@ngrx/effects和@ngrx/store-devtools)。现在，我想要制作模块，这将是理想的独立于其他应用程序。问题是如何在其中使用@ngrx/？我可以在现有的“应用”存储中添加新的减速器吗?我想避免将模型从一个模块转移到另一个应用程序，并将还原器注册到app中。有谁能解决这个问题吗？示例代码如下：
// App declarations
export const APP_IMPORTS = [
.
.
.
StoreModule.provideStore(reducer),
EffectsModu
浏览 1提问于2016-12-01得票数 3
回答已采纳
1回答
Breeze.js和状态管理
angular、breeze、ngrx
我刚接触Breeze.js，但用过NgRX。 在我的一个被认为是大型项目(6个月的开发时间)的项目中，我的客户有一个特殊的要求来使用Breeze.js。 我通读了Breeze.js的文档。我看到的主要优势是Breeze使Angular前端应用程序能够使用丰富的模式执行对api服务器的GET和POST查询。 例如： var query = new breeze.EntityQuery()
.from("Products")
.where("Category.CategoryName", "startswith", "S&#
浏览 19提问于2019-12-14得票数 0
2回答
在Redux存储中有多个状态，由联合减速器单独处理，可以吗？
react-redux
我正在审查React Redux应用程序中的一些代码，发现Redux存储中有三种状态，每个状态的更改都由不同的还原器(组合减速器)处理。类似于以下内容：
src/模型
--model1
--model2
--model3
src/减速器/index.js
const rootReducer = combineReducers({
model1Reducer,
model2Reduce,
model3Reducer
})
src/减速器/型号1减速器
// import model1 here
const model1Reducer = (state = model1, actio
浏览 0提问于2019-03-28得票数 0
3回答
Ngrx异步初始状态
angular、firebase、ngrx
这是我的第一个问题，所以请温文点。
我在我的angular应用中使用了ngrx/store，并且我想使用来自firebase的数据来设置我的reducer函数的初始状态。但是，如果我的reducer.ts文件中没有构造函数，我就不知道如何执行异步操作。
我知道ngrx效果和如何使用它们，但我看不到一种方法来设置我的减速器的初始状态使用效果。
希望有一个简单的例子，有人不介意发布，以帮助像我这样的新手开发人员。
浏览 5提问于2017-11-11得票数 4
2回答
在Redux中我应该把通用代码放在哪里呢？
reactjs、redux
我有一个使用Reactjs和Redux的应用程序。有一个action，它重置减速器的状态。我的问题是:哪里是最好的地方执行？我正在考虑两种选择：
每个减速器处理操作并重置其状态。
const reducer1 = (state = defaultState，action) => { switch (action.type) { case 'reset'：{ // .}/. }
根还原器重置全局状态
const appReducer = combineReducers({ reducer1，reducer2，reducer3 }) const rootReducer = (
浏览 2提问于2021-02-05得票数 0
3回答
我应该将用于转换ngrx存储的数据的业务逻辑放在哪里:转换为效果或减缩器？
redux、ngrx、ngrx-effects
我的问题涉及ngrx 效应和减速器。
在将数据放入ngrx存储之前，我需要转换从后端检索到的数据。从后端检索的数据是一个普通的Message数组(Message是我的应用程序中的一种自定义类型)：
Message[]
我需要将数组转换为以下内容：
Map<string, Message[]>
基本上，我是按对方(收件人或发件人) ID (键)对用户消息进行分组。
我不知道该在哪里执行从Message[]到Map<string, Message[]>的转换:是将转换业务逻辑放入@Effect还是将其放入还原器函数中？
浏览 3提问于2017-03-14得票数 18
回答已采纳
1回答
购物车实现-Redux
javascript、reactjs、redux、react-redux
我正在使用redux实现一个购物车。我有两个减速器，1.从DB 2中获取购物车数据。执行各种购物车操作。
我的疑问是，在通过第一个减速器从DB获得数据之后，我将如何通过第二个减速机访问数据以执行不同的购物车操作？
Reducer 1 -从DB获取数据
const initialState={
loading:false,
items:[],
error:false
}
const CartFetch=(state=initialState,action)=>{
switch(action.type){
case FET
浏览 2提问于2021-02-07得票数 2
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1768提问于2022-11-02
2回答
Angular2 -在reducers之间共享操作是一个坏主意吗？
angular、redux、ngrx
我们在Angular 2应用程序中使用ngrx / store。我们的商店是由减速机"cameraReducer", "subjectReducer" ..。我们还希望在"appReducer"中维护一些全局的和通用的(跨不同功能)项，比如“加载数据”属性。
在这样的场景中，在individualReducers和appReducer之间共享像{type:LOADING_*, payload}这样的操作有意义吗？这应该在功能(可以被认为是使用单个Reducer和单个操作的单个数据操作，或者使用多个Reducer和多个操作的多个相关数据操作)启动和
浏览 2提问于2016-06-23得票数 1
1回答
如何使用redux实现基于插件的体系结构
reactjs、redux、react-redux、redux-thunk
我正在开发一个web应用程序，用户可以订阅可用的功能，所有这些功能都会对用户的行为产生一定的影响。我使用redux来执行异步操作。
例如：用户可以从产品列表中选择要购买或销售的产品，这就触发了一个名为userIntention的减速机，在该减速机被称为createProductForm减速机之后，它将显示产品表单和产品信息。用户可以订阅推荐、最优惠等功能，可以修改标签、价格等产品属性的某些参数。我想以这样一种方式来实现这一点:如果触发createProductForm，减速器将动态地收集建议、最佳交易等方面的数据，并基于这些结果，它将形成用户产品表单。
我们希望让多个开发人员在不同的特性上工作
浏览 0提问于2018-10-30得票数 3
1回答
useReducer对为什么需要调度感到困惑？
reactjs、use-reducer
在研究了useState和useReducer之后，我对useReducer的代码感到困惑，所以还原器采用两个参数(状态、动作)，状态与initialState相同吗?如果是的话，为什么要使用两个不同的名称？第二，useReduer采用两个参数(还原器、initialState)和返回调度和状态对象。那么，这是否意味着减速器的动作首先发生，然后我们将其放入useReducer钩子中，这就像各种动作的容器？
我的意思是，一旦它采取了一些行动，国家就改变了。这就像useState钩子，所以还原器函数类似于setState，所以我们使用useReducers的原因可能是因为它返回调度函数，基本上可以
浏览 7提问于2022-09-21得票数 1
回答已采纳
7回答
如何结合腾讯云开发微信小程序？
api、serverless、html5
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3751提问于2018-09-28
2回答
我们能用Filter代替Servlet吗？
servlets、filter
我们能用Filter代替Servlet吗？filter (不使用servlet)是否能够为传入请求提供服务？
浏览 2提问于2013-09-01得票数 1
2回答
ngrx 4选择器返回整个状态而不是子状态
angular、selector、state、store、ngrx
由于某种原因，我所有的选择器都返回整个状态对象，而不是我认为它们应该返回的子状态。例如，我试图只从reducers/customer.ts返回客户状态，但是我从index.ts获得了一个包含整个状态的对象。
在检查了来自github的ngrx示例应用程序后，我选择了下面的特定结构，显然我做错了什么。
文件结构：
下面是actions/customer.ts：
import { Action } from '@ngrx/store';
import { State } from '../reducers/customer';
export enum Cus
浏览 4提问于2018-01-27得票数 4
回答已采纳
3回答
为什么在redux中需要“操作”作为数据？
javascript、typescript、redux
说我应该做动作和动作创建者，如下所示：
function addTodo(filter) {
return {
type: SET_VISIBILITY_FILTER,
filter
}
}
然后编写减速器，如下所示：
function todoApp(state = initialState, action) {
switch (action.type) {
case SET_VISIBILITY_FILTER:
return Object.assign({}, state, {
visibilityFilter: action.
浏览 8提问于2016-01-13得票数 13
回答已采纳
2回答
Redux:组合减速器:意外键
reactjs、redux、redux-thunk
在我开始合并我的Redux减速器之前，我的应用程序工作得很好。但是当我组合的时候，initialState键和还原器键就混淆了。
function flash(state = [], action) {
switch (action.type) {
case FLASH_MESSAGE_UPDATED:
return _.extend({}, state, { flash: action.flash })
default:
return state
}
}
function events(state = [], action) {
switch (acti
浏览 5提问于2015-11-12得票数 51
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
