使用只有一个减速器的NGRX的多个商店
是指在使用NGRX进行状态管理时，应用中存在多个独立的商店（store），但这些商店共享同一个减速器（reducer）。
概念：
- 减速器（reducer）：NGRX中的减速器是一个纯函数，用于处理应用状态的变化。它接收先前的状态和一个动作，并返回一个新的状态。减速器通常是按模块或功能划分的，每个模块都有自己的减速器。
- 商店（store）：NGRX中的商店是一个全局状态容器，包含应用的整个状态树。商店中的状态可以通过选择器（selector）进行访问和操作。
分类： 使用只有一个减速器的NGRX的多个商店可以分为两种方式：
- 每个商店维护一个完整的状态树：每个商店具有自己的减速器，并维护一个完整的状态树。这种方式适用于应用中不同模块或功能之间的状态相对独立，且需要分别管理状态的场景。
- 多个商店共享同一个减速器：多个商店共享同一个减速器，它们仅维护状态树的一部分。这种方式适用于应用中不同模块或功能之间的状态存在依赖关系，需要实现状态的共享与协作的场景。
优势：
- 独立的状态管理：通过多个商店，可以实现对不同模块或功能的独立状态管理，提高代码的可维护性和可扩展性。
- 高度解耦：通过共享同一个减速器，不同商店之间可以实现状态的共享与协作，同时保持高度解耦，提高代码的可复用性。
- 状态树的切割：将应用的状态树切分成多个商店，可以有效减少状态管理的复杂性，提高性能和响应速度。
应用场景：
- 复杂应用：对于大型、复杂的应用，不同模块或功能之间的状态可能存在较高的耦合性和依赖性，使用多个商店可以更好地管理和组织状态，提高代码的可维护性。
- 多团队协作：在多个团队协同开发应用时，不同团队可以独立管理各自负责的模块或功能的状态，减少协作冲突和合并问题。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云原生应用平台：https://cloud.tencent.com/product/tke
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务：https://cloud.tencent.com/product/ccs
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云移动应用开发：https://cloud.tencent.com/product/cap
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理：https://cloud.tencent.com/product/vod
相关·内容
2回答
目标：
实现撤销/重做功能与服务器端支持的角4项目。例如，从服务器中删除项必须使用相应的(create)操作可撤消。
这里有一个组件：
我试着用ngrx商店4移植这个组件。
问题：
我正在尝试将中间件转换为元还原器，但这似乎不是一项容易的任务。如何在ngrx减速器中调用dispatch？如果不能，如何实现相应的功能？
中间件：
或者，如果有更容易的方式达到我的目标，它会是什么？
浏览 7提问于2017-11-21得票数 2
我运行的是Angular 9、@ngrx/store v9和SSR，但我只是在开发阶段运行npm start，所以SSR并不是一个真正的因素。 我刚刚添加了NGRX商店，并为一些产品做了我的动作，减速器和效果。在运行这段代码时，我现在得到错误：Error: Can't resolve all parameters for ProductsEffects: (?, ?). ProductsEffects类构造函数如下所示： constructor(private actions$: Actions<ProductsActions>,
private
浏览 39提问于2020-03-19得票数 0
回答已采纳
我正在尝试使用ngrx从服务器获取数据。我想得到数据并保存在商店里。我正在使用ngrx/effect。我制作了减缩，动作，@效果文件。现在，我想知道如何调用这个函数，以便获取数据并保存在我的应用程序状态中。
这是我的代码
Action
import {Action} from '@ngrx/store';
export const FETCH_BANKLIST = 'FETCH_BANKLIST';
export class FetchRecipe implements Action {
readonly type = FETCH_BANKLIST;
浏览 1提问于2018-06-26得票数 1
1回答
在当前应用程序中，我成功地使用了@ngrx/store (也是@ngrx/effects和@ngrx/store-devtools)。现在，我想要制作模块，这将是理想的独立于其他应用程序。问题是如何在其中使用@ngrx/？我可以在现有的“应用”存储中添加新的减速器吗?我想避免将模型从一个模块转移到另一个应用程序，并将还原器注册到app中。有谁能解决这个问题吗？示例代码如下：
// App declarations
export const APP_IMPORTS = [
.
.
.
StoreModule.provideStore(reducer),
EffectsModu
浏览 1提问于2016-12-01得票数 3
回答已采纳
2回答
我有一个非常简单的应用程序，并且第一次使用ngrx。
reducer.module.ts
@NgModule({
imports:[
StoreModule.forRoot({
sliceA: AReducer,
sliceB: BReducer
})
]
})
AReducer.ts
export function AReducer(state, action : AActions) {
switch(...)
}
BReducer.ts
export function AReducer(state, action : BActions) {
switch(
浏览 1提问于2019-01-11得票数 3
如何在NGRX中访问(读取)另一个减速器内的减速器状态？这是一个与非常相似的问题。NGRX是否为此提供了其他解决方案？
浏览 0提问于2018-11-18得票数 3
我看过一些关于减速机的视频，他们都声称我应该在整个项目中只使用一个减速器和状态，我应该把每个减速机组合成一个大减速器。
现在我的问题是，我为什么要这么做？想象一下，我有一个很大的应用程序，我合并了所有的减速器。我的合并减速器将是巨大的，一个单一的状态变化将花费相当长的时间，因为我们需要检查每一个减速机片。
我真的应该用一个减速机来做一个更大的项目吗？为什么我们要把它们结合起来，而不是创建多个商店，而性能呢？
随着您的应用程序变得越来越复杂，您将希望将您的缩减功能拆分为单独的函数，每个函数管理状态的独立部分。
.combineReducers(...)
非常感谢。
浏览 7提问于2017-08-03得票数 1
回答已采纳
1回答
我正在开发一个带有NgRx商店的Angular应用程序，并且有一个在视图和商店之间进行协调的服务。当我编写一个函数来检索存储的一部分时，我倾向于使用NgRx的select操作符： getSomeInfoFromStore(): Observable<SomeInfo> {
return this.store.pipe(select('SomeInfo'));
// --------------------^^^^^^
} 但我也看到过使用RxJs的“pluck”操作符编写的类似服务函数： getSomeInfoFromStore(): Observable
浏览 33提问于2019-06-21得票数 0
回答已采纳
我读到过，他们说.forRoot合并了所有的减速器，当你用这种方式操作状态的时候，你就是在一次操作所有的减速器。
很快，.forFeature允许您对每个减速器进行操作，就好像它对每个减速器都有状态一样。
我想知道以下几点：
1)这是真的吗？
2)如何将.forFeature()与多种减速器结合使用？
我得到了以下错误：
NullInjectorError: R3InjectorError(AppModule)[StoreFeatureModule -> ReducerManager -> ReducerManager -> ReducerManager]:
NullI
浏览 0提问于2020-04-26得票数 1
我是ngrx的新手，并试图重新设计我的复杂模板驱动的表单，使用ngx格式和ngrx。由于我们有一个复杂的业务规则，在提交之前，我需要修改表单中输入的一些数据，因为我们的api需要一些表单没有提供的数据，或者需要根据条件对其进行不同的格式化。
所以我创建了一个还原器函数来处理数据操作：
export const submitToRmv = (state: RmvServicesState, action) => {
let vehicleArray = [...state.rmvData.rmvServicesUserEnteredData.vehicles];
const transac
浏览 1提问于2022-05-16得票数 0
我有以下两种@ngrx/商店减缩器：
import {ActionReducer, Action} from '@ngrx/store';
import {UserAccount} from '../shared/models/useraccount.model';
export const SET_CURRENT_USER_ACCOUNT = 'SET_CURRENT_USER_ACCOUNT';
export const UPDATE_CURRENT_USER_ACCOUNT_FIRST_NAME = 'UPDATE_CURRENT
浏览 2提问于2016-08-20得票数 1
回答已采纳
1回答
我在一个带有角度的项目中使用NgRx来操作动作和减速器的状态。我在这里看到的一个通用代码用于在订阅中调用订阅(我知道这通常是错误的，但我不明白为什么，因为它有效)。完美地解释了如何处理这个问题，但是我的案例--我认为--略有不同，因为我首先需要抢占NgRx商店的一块。
我目前所做的工作如下：
this.store.pipe(
take(1),
select(userProfile) // <-- take data from the NgRx store
).subscribe(currentUser => {
this.loggedUser = currentUser
浏览 0提问于2019-09-02得票数 0
回答已采纳
2回答
基于这个答案，我知道ngrx商店是一个热门的观察点：Is @ngrx/store a hot or cold observable? 我的问题是选择器是热的还是冷的？ 谢谢!
浏览 36提问于2020-06-17得票数 0
回答已采纳
1回答
是否有内置的选择器从NgRx路由器商店获取所有应用程序路由？或者NgRx路由器存储甚至包括路由器路由呢？
浏览 1提问于2019-09-07得票数 0
回答已采纳
1回答
我试图在NGRX中使用AuthGuard，但在这个路由上总是没有定义：
当我看商店时，estaAutenticado是真的，但是我不能准时，因为它是异步的吗？
我的警卫：
return this.store.pipe(
select(fromAuth.getEstaAutenticado ),
map(authed => {
console.log(authed) // <---- Always return undefined
if (!authed) {
this.router.navi
浏览 4提问于2020-03-08得票数 0
回答已采纳
1回答
我是ngrx和rxjs的新手，所以我认为可能有一个简单的解决方案，对我来说还不太明显:-)
我已经设置了一个ngrx商店，并在以下状态下正常工作：
AppState
ThreadsState (实体)
我有动作和减速器可以正常工作。当用户创建新消息时，我会发送一个操作MessageCreated，该操作将导致一个新消息被添加到我的存储区(线程实体的数组属性中)，从而更新我的视图。万岁！
我的Thread中可观察到的内容正在运行，现在包含了新的消息：
thread$ = store.pipe(select(selectThreadWithMessages(id));
浏览 0提问于2019-05-28得票数 1
我有一个具有四个ngrx动作的角(2)应用程序：
启动
未由减速机处理(无状态变化)
ngrx效果调用异步任务并映射到成功或错误。
成功
用减速机加工
ngrx效果地图前进
先进
不经减速机加工
ngrx效果导航到不同的路由。
误差
用减速机加工
无效
问题是，加速的效果似乎在处理成功的减速器()之前运行。
以下是效果代码：
@Effect() start$ = this.actions$
.ofType('START')
.map(toPay
浏览 1提问于2017-03-11得票数 5
我正在使用ngrx store (加上路由器、路由器商店和效果模块)开发一个电子商务Angular 6应用程序。
这是我第一次使用ngrx，到目前为止，一切都很顺利:我已经开发了几个ngrx功能，每个功能都有各自的状态和reducer，效果，模型和动作。
只是这一次，我不知道我做错了什么。对于我的最后一个特性，看起来所有的操作都没有经过它的缩减程序。它捕获的唯一操作是类型为“@ngrx/store/init”的操作。
以下是reducer代码：
export function reducer(state = initialState, action: ItemCategoryActions
浏览 0提问于2018-06-19得票数 0
2回答
我正在使用Angular和ngrx编写一个企业级应用程序。其目的是在整个过程中使用Flux和ngrx。为了重用和可分离性，我们需要(至少)两个相互不交互的状态存储。但我们确实需要两个存储同时处于活动状态，并且可能从相同的组件进行访问。
Ngrx似乎假设一次只有一个Store。有没有一种方法可以让我拥有多个Store对象(当然是以不同的State对象为模板)，并同时加载和激活它们？
我知道“最佳实践”建议将这些商店合并为一个商店。这在这里是不可行的，除非有一种全新的方法。
浏览 1提问于2018-03-21得票数 14
回答已采纳
我试图在Observable<PizzaState>类型中创建一个pizzas$ object，但是遇到了一个问题 我收到的是一个商店对象，而不是PizzaState对象，我不知道为什么以及如何修复它 这就是我得到的对象 Store {_isScalar: false, actionsObserver: ActionsSubject, reducerManager: ReducerManager, source: Store, operator: DistinctUntilChangedOperator} 我只试着从我的商店读取我的initialState 我的read组件 im
浏览 25提问于2019-12-28得票数 1
回答已采纳
1回答
开始学习角度，但不确定如何使用ngrx架构结构。
简单地说，我有一个包含两个数组的服务，以及以特定方式操作这些数组的方法。我创建了服务，导致多个组件需要操作数组的逻辑。其中一些将使用与其中一个数组相同的状态，有些将具有不同的状态。
不同的组件将访问此服务，对数组进行更改，并使数组返回呈现。然而，在网上进行研究后，似乎普遍的做法是保持服务无状态。然后我遇到了ngrx商店。
所以，我想我可以把数组放在一个主存储中，而不是放在服务中，所以它变成了：
组件将使用服务，操作数组，服务将触发操作，然后存储将通知组件数组更改。
但是，查看ngrx 中的图表。组件和服务之间会有一个箭头，当应用程序变得更大时，
浏览 1提问于2020-07-05得票数 1
回答已采纳
1回答
在使用StoreModule.forRoot()进行NgRX项目时，我遇到了一个错误。如果有人能帮我解决这个问题，我会附上我的错误图片。
我试图使用ngrx/store在角度上实现减速器，但是我在app.module中导入它时遇到了一个问题。
浏览 3提问于2022-12-02得票数 1
我正在使用ngrx/store为我的应用程序编写减缩器。
下面是我的应用程序状态的布局：
{
project: {
name: string
tasks: Array<Task>
}
}
with:
interface Task {
name: string
}
我试着在不同的文件里写干净的减速器。
下面是我目前使用的解决方案：
project.reducer.ts
import {tasksReducer} from './tasks.reducer';
const projectReducer = (
浏览 0提问于2016-10-20得票数 0
当我从旧版本迁移到ngrx 4.4.1并按照迁移指南中的说明进行迁移时
import { Store, compose, select } from '@ngrx/store';
我知道这个错误：
node_modules/@ngrx/store/store"' has no exported member 'select'
他为什么要往内看@ngrx/商店/商店？应该是@ngrx/商店
浏览 1提问于2018-01-22得票数 0
回答已采纳
1回答
我正在实现NGRX在我的角10应用程序，似乎有一个问题，调用减速器。我在app组件中创建了一个复选框。我试着保持它的切换状态。我创造了一个动作和减速器。我不知道为什么不叫减速器。我在减速机上写了一个console.log，它似乎没有开火。我没有使用强类型的动作名称，但已确保名称匹配。
app.module
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
StoreModule.forRoot(appReducer, {})
浏览 2提问于2020-10-13得票数 1
回答已采纳
1回答
我正在创建一个包含微ORM、NestJS、棱角和NgRx数据的全堆栈示例。我想用NgRx数据来讨论尽可能多的函数。
我有包含日期属性的实体，但是当我想通过NgRx数据在客户端创建一个新实体时-当我用CompanyDataService.add(Company)保存数据时，我出错了：
ERROR Error: Detected unserializable action at "payload.data.established". https://ngrx.io/guide/store/configuration/runtime-checks#strictactionserial
浏览 44提问于2022-02-21得票数 0
2回答
我正在开发一个sample 2应用程序，并使用ngrx/store、ngrx/effects进行状态管理。
下面的图片描述了我的应用程序的一个屏幕。
为了显示来自服务器的图书列表、类别和作者，向商店发出以下调度调用。
this.store.dispatch(loadCatgories());
this.store.dispatch(loadAuthors());
this.store.dispatch(loadBooks());
下面是相关的影响
@Effect() authors$ = this.actions$
.ofType(AuthorActionTyp
浏览 5提问于2017-02-27得票数 1
回答已采纳
我的应用程序使用ngrx/rxjs。我依赖于ngrx效应，以标志和清除状态从商店。
不幸的是，由于我的一个组件通过选择器(请参阅下面的：getLatestMessagesByCounterParty)订阅存储，并且由于在此组件被销毁之前清除了状态，所以我得到以下错误：
错误TypeError:无法在getCurrentUserAccountId处读取null的属性'id‘
..。指示currentUserAccount是null，这是非常符合逻辑的，因为我刚刚从商店中清除了状态。
以下是signout$效应：
@Effect()
signout$: Observable
浏览 0提问于2017-04-17得票数 1
简介
让我的选择器工作有点困难。虽然我可以看到调用已经发出，但我的组件不会用FakeApiService中的书籍进行更新。所以行动和效果都起作用了。
我相信这个问题与我使用@ngrx/Entity有关。特别是这个
export const getBooksState = createFeatureSelector<DemoState>('demo');
和
export const { selectAll } = fromBook.adapter.getSelectors();
我看过教程，它们为getSelectors()提供了一个选择器函数，但这不应该是必要的。
浏览 0提问于2018-05-14得票数 2
回答已采纳
1回答
我是ngrx/store和effects的新手，所以我仍然不了解分派操作的流程：
动作->效应->减速器->存储动作->减速器->效果->减速器->存储
我的问题是，当我调用store.select()时，我发现这个动作被发送了两次，这就是我所做的测试：
减速器函数
switch (action.type) {
...
default: {
console.log('In reducer function');
return state;
}
}
效果类构造函数
constructor( priv
浏览 1提问于2020-04-27得票数 0
回答已采纳
我有一个复杂的角度应用程序，其中有大量的UI组件。我有一家中央NgRX商店。我在商店中有一个“纯”数据模型，它通过后端和用户输入进行更新。每当更新中央存储区时，我就会构建几个视图模型，并将其存储在中央NgRX存储区中。然后，我的UI组件订阅视图模型。有时，许多不同的UI组件被订阅到相同的NgRX视图模型。这一切对我来说都很好，但我在很多地方读到，组件本身应该从纯存储数据创建视图模型。在我的例子中，这将导致视图模型数据的重复副本存储在这些组件中。
在NgRX存储中构建和存储视图模型被认为是错误的做法吗？
谢谢
浏览 0提问于2021-02-09得票数 2
我希望使用AWS放大API在一个角度的应用程序，这是使用ngrx商店的状态管理。
我可以在方法上灵活，但找不到太多关于“首选”方法的文档，或者实际上我是否应该这样做。
我们的愿景是有一个状态( ngrx )的应用程序存储，所以方法是使用ngrx的操作来触发突变指令或数据获取，并将接收到的数据存储在ngrx存储中。然后，应用程序显示来自此商店的数据。如果我继续使用这种方法，那么我不确定最好的订阅管理方法--我在考虑使用副作用来创建订阅，然后在收到数据时在商店上生成新的操作。
有没有人知道AWS Amplify API和ngrx协同工作的最佳实践指南？
谢谢
浏览 2提问于2019-02-25得票数 0
我指的是路由器-存储ngrx项目 ()。
我不清楚该如何使用这个项目..。
例如，让我们从项目文档中获取以下示例：
store.dispatch(go(['/path', { routeParam: 1 }], { query: 'string' }));
这是否意味着要作为角2路由器的替代品：router.navigate(['/path...
...or应该只在某些情况下使用ngrx路由器存储吗？(如果是的话，哪些是？)
此外，ngrx路由器存储区在点击角2路由器html链接(例如<a routerLink="/heroes"
浏览 6提问于2017-02-03得票数 60
回答已采纳
我正在创建新的web Dashboard，并在Angular 7中使用ngrx/store加载和数据。大约第三次我为不同的store界面创建和生成文件，它看起来不会停止。所以我想知道是否有一些cli包可以在一个commnad行中为模块创建存储。 我使用cli作为最好的创建动作，效果，减速器，状态，每次。我尝试了一些来自cli的解决方案，但它创建了唯一的reducer和index.ts。 npm install @ngrx/schematics --save-dev
npm install @ngrx/{store,effects,entity,store-devtools} --save
n
浏览 25提问于2019-07-02得票数 1
我目前正在做一个较小的项目，在那里我开始做一些用户管理。有很多选择，但我希望遵循良好的代码实践。
通常，最好将用户配置文件信息存储在存储区(Ngrx)中，还是应该为此使用localStorage。
interface Profile {
nickname: String;
profileImage: String;
slogan: String;
}
什么时候应该使用localStorage而不是ngrx商店？
提前谢谢你。希望这个问题不要太笼统。
浏览 6提问于2019-10-23得票数 1
回答已采纳
1回答
我是Redux的新手，是从ngrx开始的。我不能理解商店的概念和他的目的。 假设我有一个书店的申请。我可以向用户购买或出售书籍。 我使用ngrx通过以下操作获取我拥有的图书列表：LOAD_BOOKS，然后使用effects从http加载图书列表并将其保存回商店。 当我进入/books时，在加载组件之前，我有了守卫。在这个保护中，我检查图书列表是否在商店中(如果不在，我发送LOAD_BOOKS操作)，在列表加载之后，我呈现显示所有图书(来自商店)的组件 下次当我再次进入/books时，这个列表就在商店里了。 所以我知道我不需要调用我的http来给我这个列表，因为我在商店里有这个列表。 但是，如
浏览 6提问于2019-06-23得票数 3
1回答
我有一个角13的应用程序与ESLint已经到位。
我已经添加了ngrx商店和dev工具
ng添加@ngrx/存储
ng add @ngrx/store-devtools
命令。现在当我尝试添加商店时
ng g store shared/Shared --module shared.module.ts
我犯了个错误
发生了一个未处理的异常:在集合中找不到示意图的“存储”“@angular/示意图”。
.eslintrc文件有更改
},
{
"files": [
"*.ts"
],
"extends": [
浏览 3提问于2022-04-21得票数 1
回答已采纳
我正在尝试向我的商店添加一个数组，但是在tasks: payload.payload ? [ ...state, payload.payload ] : []，Error:(22, 35) TS2461: Type 'ITask' is not an array type中继续得到以下错误。我该怎么解决呢？
import * as TaskActions from './task.actions';
import { Action, createReducer, on } from '@ngrx/store';
import { ITask }
浏览 0提问于2019-08-28得票数 2
回答已采纳
我目前正在开发一个简单的测试应用程序，以了解更多关于@ngrx/store的信息。我有一个名为TrainingModule的模块，它应该存储一些练习和更多信息。代码可以工作，但我尝试在这里改进。我目前拥有的是我的功能模块，如下所示：
@NgModule({
imports: [
CommonModule,
TrainingRoutingModule,
StoreModule.forFeature('exercises', exerciseReducer)
],
declarations: [
TrainingDashboardComp
浏览 6提问于2017-11-01得票数 15
回答已采纳
1回答
Ngrx效应不编译
、、、
我已经创建了一个NetworkStatus ngrx商店/状态，以及一个检查应用程序是否在线的服务。我还需要一个ngrx效果，它采取fetchNetworkStatus操作，并使用服务更新存储的布尔值。然而，我似乎无法正确地理解它，甚至在使用该操作之前，也会出现大量错误。所有的错误都与效果有关，所以我肯定做了很多错事。我很难理解所有的效果方法。
以下是我在航站楼中遇到的错误：
这是我的代码，效果如下：
@Injectable()
export class NetworkStatusEffects {
constructor(
private networkStatusServ
浏览 8提问于2022-06-16得票数 0
我在我的应用程序中使用角形ngrx，我的问题是为什么我们应该在减速器中定义初始状态而不是使用"?“在日期对象中
我的意思是?，你不能再定义初始状态了。
浏览 3提问于2022-07-07得票数 0
Redux使用一种状态还原器模式，在这种模式中，您实际上创建了如下所示的纯函数：
function reducer (previousState, action) {
//...
return newState;
}
这看起来类似于JavaScript的Array.reduce函数，因此我不认为‘减速器’的概念是Redux的原创概念。
然而，当我谷歌术语‘还原剂功能’或‘还原剂模式’，我只得到的结果是关于Redux。(虽然下面是关于减速器的NgRx文档)。
有人能给我明确的参考/回答，解释函数编程中减速器函数的概念吗？
浏览 0提问于2019-10-12得票数 1
回答已采纳
4回答
我正在使用ngrx -数据插件(运行在ngrx之上)，我试图从商店中选择一个实体(ngrx数据调用'Cache')。我发现您可以向缓存中添加一个实体，但我无法找到从存储中检索单个项(基于Id)的方法。
，我必须为此编写自己的选择器吗？，我假设这样的简单操作将由ngrx-data提供。
浏览 3提问于2019-08-30得票数 6
回答已采纳
1回答
当使用ng serve / nx服务时，我的Angular10应用程序工作得很好。NGRX商店和功能商店正在按预期工作。
但是，当我尝试从项目中的任何Libs中运行一个故事簿时，我会遇到错误。为什么会这样呢？我该怎么解决这个问题？到目前为止，我还没有找到解决办法。
这是错误的一部分：
StaticInjectorError(Platform: core)[InjectionToken @ngrx/store Check if Action types are unique -> InjectionToken @ngrx/store Internal Runtime Checks]:
浏览 7提问于2020-11-26得票数 2
回答已采纳
我需要能够从NgModule的imports部分注入和使用一个角2服务(下面称为NgModule)
...
imports: [
BrowserModule,
RouterModule.forRoot(AppRoutes, {useHash: true}),
HttpModule,
ReactiveFormsModule,
NgbModule,
StoreModule.provideStore({
currentUserAccount: someFunction(currentUserAccountReducer, someSer
浏览 4提问于2016-09-21得票数 2
回答已采纳
1回答
我使用Ngrx效应从API中获取数据，然后在组件中获取数据。
组件中的
schedules$ = this.store.pipe(select(selectSchedulings));
ngOnInit() {
this.store.dispatch(new GetSchedules());
}
在操作中，我创建了两种类型
export class GetSchedules implements Action {
public readonly type = ESchedulesActions.GetSchedulesByDate;
}
export class GetSchedule
浏览 0提问于2019-07-22得票数 0
回答已采纳
1回答
NgRX效应不起作用
、、、、
我试着用ngrx和角质来工作。我的授权工作，但我的产品商店工作，因为什么都没有发生：
我与模块一起工作：
const routes: Routes = [
{
path: '',
redirectTo: 'home',
pathMatch: 'full'
},
{
path: 'home',
loadChildren: () => import('src/app/home/home.module')
.then(module => mo
浏览 1提问于2022-02-09得票数 0
回答已采纳
我希望通过从应用程序配置文件加载env名称来提供一个动态的NGRX存储名。它不适用于s easy for the rest of the application components and services, but it doesn metaReducer。
我在app.module里有这个
这就是MetaReducer内容
是否有可能将API_BASE_ENV注入减速器的名称？
浏览 2提问于2021-05-28得票数 1
3回答
这是我的第一个问题，所以请温文点。
我在我的angular应用中使用了ngrx/store，并且我想使用来自firebase的数据来设置我的reducer函数的初始状态。但是，如果我的reducer.ts文件中没有构造函数，我就不知道如何执行异步操作。
我知道ngrx效果和如何使用它们，但我看不到一种方法来设置我的减速器的初始状态使用效果。
希望有一个简单的例子，有人不介意发布，以帮助像我这样的新手开发人员。
浏览 5提问于2017-11-11得票数 4
1回答
我有两个数据集合(示例应用程序-试图学习ngrx)的计数器和urls。我可以正确地拉动和显示每一个商店在其各自的组成部分。使用ngrx商店的计数器示例，我还可以增加和减少计数器。我为urls添加了一个还原剂，它现在在操作开关中有一个默认值。
问题:当我增加计数器时，url默认操作也会被触发。我没有正确地选择一个减速器上的一个动作。我该怎么做？
可能的答案？：我认为每个减速机的动作都应该是不同的？例如，“反增量”和“url-增量”相对于两种使用“增量”的减速器？或者还有别的方法？
我对ngrx和rxjs很陌生，所以最简单/最直接的代码会有帮助。
// app.module.ts
import {
浏览 4提问于2016-10-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
