如何在使用NgRx 8的NgRx商店DevTools中分派操作？
在使用NgRx 8的NgRx商店DevTools中分派操作的方法如下：
- 首先，确保你已经安装了NgRx商店DevTools插件。你可以在浏览器的插件商店中搜索并安装该插件。
- 在你的Angular应用程序中，打开开发者工具（一般是按下F12键），切换到"NgRx"选项卡。
- 在"NgRx"选项卡中，你将看到一个状态树的可视化表示。这个状态树显示了你的应用程序的当前状态。
- 要分派一个操作，你可以使用"Dispatch"按钮。点击该按钮后，你将看到一个弹出窗口，其中包含一个输入框和一个"Dispatch"按钮。
- 在输入框中，你可以输入一个操作对象。操作对象是一个包含"type"属性的JavaScript对象，用于描述要执行的操作。例如，你可以输入以下操作对象：
- 在输入框中，你可以输入一个操作对象。操作对象是一个包含"type"属性的JavaScript对象，用于描述要执行的操作。例如，你可以输入以下操作对象：
- 这将触发一个名为"INCREMENT"的操作。
- 输入完操作对象后，点击"Dispatch"按钮。该操作将被分派到NgRx商店，并且应用程序的状态将相应地更新。
请注意，以上步骤是基于NgRx 8和NgRx商店DevTools的。如果你使用的是其他版本的NgRx或不同的开发工具，请参考相应的文档或资源以获取正确的操作分派方法。
相关·内容
我已经将我的ngrx代码更新到了版本8(使用操作创建器等)，但我现在不知道如何在NgRx商店DevTools中使用Dispatcher。在我能够分派这样的动作之前： type: '[Something] something loaded', results: ['a', 'b
浏览 9提问于2019-08-08得票数 4
我正在尝试使用旧版本的Angular (4.1.x)和@ngrx/store (5.2.0)来测试StoreDevTools。Task: Promise.then ; Value: TypeError: Object(...) is not a function
at new StoreDevtools (store-devtools.js.pipe(map(liftAction)), dispatcher, extension.liftedActions$).pipe(observeOn(queueSc
浏览 37提问于2019-06-28得票数 0
1回答
我在一个项目中使用ngrx，也使用其他库& ngrx/entity或ngrx/data等ngrx包。
有时，我需要在某些属于ngrx/data的行为中创建效果(从被分派的角度来说)。在我发现一些困难的地方，是使用ngrx/data以一种自动方式甚至由我自己(自定义)发送的一些其他<
浏览 5提问于2020-05-06得票数 2
1回答
我正在使用ngrx效果从API端点获取数据并添加到状态。有时，用户操作可能会使这些数据失效，并且需要从数据库中重新获取数据。为获取数据并添加到状态存储而触发的操作。在获取数据的网络中记录一个新的XHR请求。用户在前端执行一个操作，需要重取。NGRX操作GET_KITS被分派，该操作被记录到DevTools。没有发出新
浏览 5提问于2022-06-23得票数 0
2回答
我正在使用Angular2/ngrx开发一个应用程序。出于调试目的，我想从浏览器控制台分派ngrx操作。有没有办法从浏览器js控制台访问应用程序的商店和其他部分？
浏览 0提问于2016-12-16得票数 4
1回答
ngrx调度的操作未到达效果
、、、、
我是@ngrx的新手。我在business-unit.actions.ts中创建了一个@ngrx操作，并从组件中分派此操作。但由于某些未知的原因，行动并没有达到联合效应。我浏览stackoverflow和其他@ngrx教程。我已经检查了Redux devtools，那里的loadSearchBusinessUnits操作被完美地分派了，但是它没有到达@ng
浏览 6提问于2021-11-25得票数 0
2回答
我正试图跟随使用Ngrx DevTools。但是Ionic使用@离子型/角形工具包，我们需要启用Ngrx的原理图来代替它。有办法两者兼得吗？in Angular.json--"defaultCollection": "@ionic/angular-toolkit"
++"defaultCollection": "@ngrx/sc
浏览 3提问于2020-06-16得票数 0
回答已采纳
我在相关的应用程序中使用以下库:角4.x，ngrx 4.x，rxjs 5.4.x我想要设置一个rxjs流，它将把“FETCH”操作分派给ngrx商店。这将是一个滑动<e
浏览 3提问于2017-12-12得票数 3
回答已采纳
基于ngrx/store示例()，我希望在我的商店中有两个独立的计数器状态，键分别为count1和count2。它们在以下代码中定义：import { Action } from '@ngrx/store';
export const INCREMENT = 'INCREMENT'{ count1: counterReducer, count2: counterReducer
浏览 0提问于2018-03-06得票数 1
1回答
我有一个角13的应用程序与ESLint已经到位。 ng添加@ngrx/存储ng g store shared/Shared --module shared.module.ts 发生了一个未处理的异常:在集合中找不到示意图的“存储.es
浏览 3提问于2022-04-21得票数 1
回答已采纳
我正在使用下面的示例应用程序来学习angular+ngrx。
我已经安装了Redux扩展。但是，每当我运行/重新加载应用程序时，redux选项卡都会显示“message”消息。
浏览 1提问于2018-10-02得票数 17
回答已采纳
我仍然在尝试使用redux模式。在我看来，ngrx/effect可以和angular拦截器做同样的事情。我写了一些intereptor来在所有请求中添加hawk凭证，我是否应该将其移动到ngrx/effect？或者我应该两者都使用？
浏览 1提问于2017-10-11得票数 0
1回答
我使用的是带有角v4的NGRX。
分派COMPLETE_AUTH动作。COMPLETE_AUTH操作的“侦听”效果需要访问存储以从存储中获取数据，以便调用API (这是COMPLETE_AUTH的副作用)操作。我在NGRX中注意到，从存储中获
浏览 2提问于2017-09-04得票数 0
回答已采纳
我正在尝试为一个使用ngrx存储的角7应用程序创建一些Cypress测试。为了测试UI，我希望将一些数据预加载到商店中。不幸的是，我不知道如何在不使用调度的情况下直接将所需的数据加载到存储中。如本例()所述，我设法公开了存储，但是我想直接操作状态，而不需要分派操作。我的猜测是，不知何故，我需要为存储/
浏览 0提问于2019-07-29得票数 2
1回答
在当前应用程序中，我成功地使用了@ngrx/store (也是@ngrx/effects和@ngrx/store-devtools)。现在，我想要制作模块，这将是理想的独立于其他应用程序。问题是如何在其中使用@ngrx/？我可以在现有的“应用”存储中添加新的减速器吗?我想避免将模型从一个模块转移到另一个应用程序，并将还原器注册到app
浏览 1提问于2016-12-01得票数 3
回答已采纳
1回答
我使用ng update将我的应用程序从Angular 7升级到Angular 8。当我通过ng serve运行它时，我的控制台中会打印一个来自ngrx的警告
@ngrx/store: runtime checks are currently opt-in but will be the/v8 for more information.所提供的链接中的文档讨论了ngrx<
浏览 2提问于2019-07-21得票数 20
回答已采纳
1回答
我正在使用Angular 7和NgRx构建一个应用程序，并尝试使用实体状态适配器。我构建了RESTful API，可以请求具有ID数组的任意数量的对象，我了解了如何使用一个或多个ID从NgRx中选择对象，我还知道如何使用effects和reducers将数据加载到NgRx中。我的糟糕解决方案：
我的想法是为id[]设置一个选择器，该选择器返回存储中已经存在
浏览 0提问于2019-03-07得票数 3
我使用以下库：
go(['test'derez (<anonymous>:2:5605) at derez (<anonymous>:2:
浏览 6提问于2017-04-19得票数 1
回答已采纳
我的应用程序与@ngrx/store-devtools正确集成。我不知道如何从我的组件中检索devtools存储，然后像我在redux-devtools代码中看到的那样分派操作IMPORT_STATE： store.liftedStore.dispatch({type如何将这个存储注入到我的组件中，然后使用它？因此，此组件需要访问redux-de
浏览 14提问于2019-09-03得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
