如何处理离线数据的ngrx/store？
ngrx/store是一个用于管理应用程序状态的库，它基于Redux模式。它提供了一个单一的数据源，用于存储应用程序的状态，并通过纯函数来处理状态的变化。
处理离线数据的方法可以通过在ngrx/store中使用中间件来实现。中间件是一个函数，它可以拦截并处理应用程序中的动作。在处理离线数据时，可以使用中间件来捕获离线操作，并将其存储在本地，以便在网络恢复后重新发送。
以下是处理离线数据的一般步骤：
- 创建一个离线数据中间件：可以使用redux-offline库来创建一个离线数据中间件。该库提供了一些有用的功能，如离线队列、重试机制等。
- 配置离线数据中间件：将离线数据中间件添加到ngrx/store的中间件链中。这样，每当应用程序中的动作被触发时，离线数据中间件就会拦截并处理它们。
- 捕获离线操作：在离线数据中间件中，可以通过监听网络状态变化来捕获离线操作。当网络恢复时，可以将这些离线操作重新发送到服务器。
- 存储离线数据：在离线数据中间件中，可以使用本地存储（如IndexedDB、LocalStorage）来存储离线数据。当网络恢复时，可以从本地存储中获取离线数据，并将其发送到服务器。
- 处理冲突：在处理离线数据时，可能会出现冲突情况，即多个离线操作同时修改了同一条数据。可以使用一些策略来解决冲突，如最后更新者优先、合并数据等。
总结起来，处理离线数据的方法是通过使用ngrx/store中的中间件来捕获和处理离线操作，并使用本地存储来存储离线数据。当网络恢复时，可以将离线数据重新发送到服务器。这样可以确保应用程序在离线状态下仍然能够正常工作，并在网络恢复后同步数据。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
1回答
这不是一个bug，而是一个如何处理我的问题！
随着新的PWA功能的角度，它很简单，使您的应用程序离线工作，通过一个服务工作者。我的问题是如何利用NGRX缓存一个状态，以便它可以脱机使用。
我还担心客户端在浏览器中缓存状态时可能会修改状态。(例如在使用ngrx-store-localstorage时)
浏览 0提问于2018-12-08得票数 11
回答已采纳
我想使用ngrx/store在前端显示数据，数据存储在Dynamodb中。那么我如何更新ngrx/store，然后将数据传递给前端视图
首先，我创建了一个简单的应用程序angular表单，它使用后端node.js在数据库中存储和检索数据
现在我想在我的应用程序中引入ngrx/store，每次我在数据库中插入新记录更新ngrx/store和ngrx/store更新视图时，ngrx/ store都会从数据库中获取数据并将其存储并显示在前端视图上。
浏览 3提问于2018-11-29得票数 0
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回答
当前堆栈:角1.6，BreezeJS (用于脱机/联机处理)，.net web，azure
移到Stack:角5，NgRx (处理脱机/联机)，.net核心Web，Azure
背景：我有一个必须脱机/在线工作的web应用程序。当用户处于一个连接的环境中时，我使用web工作者为他们正在工作的项目提取最新的数据，并将这些数据存储在本地存储中。当它们离线时，我从本地存储中推拉数据，以允许用户脱机工作。现在，这个系统是使用角1.6构建的，BreezeJS在离线时处理元数据实体，随后的同步则返回联机。这很好，因为BreezeJS在处理所有离线元数据和随后的同步方面做得很好，而且非常透明和一致。
我需要将
浏览 0提问于2018-02-28得票数 2
回答已采纳
在固态存储模式下的角万向工程中，在成功地将状态导入存储后，下一次调度动作@ngrx/store/update-reducers擦除存储。实际上，有多个@ngrx/store/update-reducers操作被触发(>10)。
在@ngrx/ store -devtools (铬扩展)中检查显示，在@ngrx/store/update-reducers仍然填充了数据之后，这个存储是错误的，但这不是真的，我看到之前在cmp中加载的数据很快就消失了(当这里提到的操作触发时)。
它只发生在ssr模式下，尽管@ngrx/store中仍然存在多个@ngrx/store/update-reducer
浏览 1提问于2018-06-15得票数 0
回答已采纳
我正在使用这个种子进行一个角2项目：和@ngrx/store & 。
在引导过程中，应用程序抛出一个错误：
zone.js:260 - Uncaught Invalid provider - only instances of Provider and Type are allowed, got: [object Object]
下面是我如何设置@ngrx的种子：
将包添加到vendor.browser.ts
// ngrx
import '@ngrx/core';
import '@ngrx/store';
import 'ngrx-store
浏览 2提问于2016-07-04得票数 3
回答已采纳
我正在试着决定如何写一个能够在离线条件下工作(读写)的angular web应用程序。
我已经看到，对于我的问题，react-offline是一个非常好的解决方案。
然而，我必须用Angular编写这个应用程序，所以我的问题是如何将两者集成在一起？
我知道angular-redux/store，但它可以与redux-offline一起工作吗？我不想重新发明轮子..。
另一个问题是ngrx是否也为我提供了一些离线功能？与redux-offline相比，它缺少什么？
谢谢:)
浏览 1提问于2018-03-29得票数 1
1回答
我在安装@ngrx/store时遇到问题
我的设置：
节点8.9.3，npm 5.5.1，angular cli 1.7.4，angular 5.2.0
我正在使用angular cli创建一个angular应用程序，然后使用以下命令安装@ngrx/store
npm install @ngrx/store --save
这给了我一个错误
Error: EACCES: permission denied, access '/Users/chris.wright/node_modules/@ngrx/store'
如果我使用sudo运行
sudo npm install @ngr
浏览 3提问于2018-04-08得票数 1
6回答
最近，我正在学习带有@ngrx/store的角6，而本教程之一是使用@ngrx/store进行状态管理，但是我不明白在场景后面使用@ngrx/store的好处。
例如，对于一个简单的登录和注册操作，以前通过使用服务(让我们称之为AuthService)，我们可以使用它调用后端api，在AuthService中存储" userInfo“或”令牌“，将用户重定向到"HOME”页面，我们可以在任何需要通过DI、获得userInfo的组件中注入AuthService，后者只需一个文件AuthService就可以处理。
现在，如果我们使用@ngrx/store，我们需要定义Action/
浏览 0提问于2018-07-10得票数 139
回答已采纳
1回答
我正在尝试将ngrx引入一个大型遗留的角应用程序(升级到角11)。该应用程序有一个巨大的模型，可以保存几乎所有的数据，不能调整，因为它在公司广泛使用。
其想法是将模型的一个实例放入ngrx存储中，并在"immer“和”ngrx“的帮助下更新相关部件。
我的问题是，更新其中的部分会导致以下错误
// in the reducer
dashboard.widgets.push(action.widget)
ERROR TypeError: Cannot add property 1, object is not extensible
at Array.push (<
浏览 7提问于2022-01-20得票数 -1
回答已采纳
1回答
如何从服务器获取异步数据？
我想将数据存储在全局存储中，以供以后更新。
但我无法理解同步性调用的逻辑，比如在redux中
使用简单的数据，我能够找到它，但是从服务器获取数据不是给我的。
我真的是在寻求帮助
app.components.ts：
import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
import { dataSelector, DATA_LOAD } from './store.sevice/ngrx.store/globalSt
浏览 2提问于2022-05-07得票数 0
我开始研究ngrx/Store，并面临以下问题。
从我的UI组件中，我需要执行对远程rest的调用，这可能需要一些时间来执行。我想要管理等待时间显示给用户一个标准的加载-旋转器。
我习惯于用如下代码来管理这种情况
let loading = this.loadingCtrl.create({
content: 'Please wait while we load stuff'
});
loading.present();
this.longRunningService.doHeavyWork()
.su
浏览 1提问于2017-01-12得票数 2
回答已采纳
ngrx ()的支持者声称，您可以而且应该将所有应用程序状态保存在一个单独的Store中。这表明@ngrx/Store可以用于缓存，因为缓存的内容是一种应用程序状态。
web应用程序中的缓存是这样一种东西，它在有数据时返回数据，在没有数据时封装来自服务器的数据请求。在数据可用时称其为缓存命中，当数据不可用时称为缓存未命中。
从函数式编程的角度来看，我们可以立即看到从缓存读取数据在功能上是不纯的-它有一个副作用，即数据可能从服务器请求并保留在缓存中。我不知道如何使用ngrx来做到这一点，例如，它要求它的选择器在功能上是纯的。
考虑一下这篇教程可能会有所帮助(据说rxjs是对ngrx的极大补充)。
浏览 1提问于2017-08-22得票数 7
有一个简单的(角4)路由保护，它等待从后端加载一些数据：
@Injectable()
export class ContractsLoadedGuard implements CanActivate {
constructor(private store: Store<State>) { }
waitForData(): Observable<boolean> {
return this.store.select(state => state.contracts)
.map(contractList =&g
浏览 0提问于2017-11-09得票数 5
回答已采纳
1回答
我试过npm安装@ngrx/store@1.2.1，但失败的原因如下npm错误！解包无法读取@ngrx/store@1.2.1 npm错误的数据！Linux 3.13.0-71-通用npm！argv "/usr/local/bin/node“/usr/local/bin/ npm”install“@ngrx/store@1.2.1 npm错误！节点v4.2.3 npm错误！npm v2.14.7
npm错误！无效名称："@ngrx/store“npm错误！npm错误！如果您需要帮助，您可以在: npm ERR！上报告此错误。
npm错误！请包括以下文件与任何支持请求:我已经做了
浏览 0提问于2016-04-15得票数 0
回答已采纳
1回答
我在版本10中有一个angular应用程序，它是使用工作区构建的，工作区由一个库和一个应用程序组成。我在angular应用程序中安装了以下依赖项。
npm install @ngrx/store
npm install @ngrx/store-devtools
npm install @ngrx/schematics
npm install @ngrx/effects
下面是package.json中的代码( angular应用程序中的依赖项)
{
...
@ngrx/component-store: '^11.0.1',
@ngrx/effects :
浏览 5提问于2021-03-10得票数 0
我正在创建新的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
1回答
目前，我正在尝试将令人敬畏的ngrx库集成到我的项目中。所有操作都与预期的@ngrx/effects库一样。我要做的是从稍后将发出http请求的服务中获取一些数据。我知道我错过了什么，但我找不到我的误会。也许你们中有人能帮上忙。
因此，我在我的应用程序中有一个延迟加载模块，其中我想使用ngrx。
到目前为止我的代码是：
app.module.ts
import [...]
import { StoreModule } from '@ngrx/store';
import { StoreDevtoolsModule } from '@ngrx/store-devt
浏览 2提问于2017-10-06得票数 1
是否可以将这种组合结合在一起：
"@ngrx/core": "^1.2.0",
"@ngrx/effects": "^2.0.3",
"@ngrx/router-store": "^4.0.4",
"@ngrx/store": "^2.2.2",
"@ngrx/store-devtools": "^3.2.4",
"ngrx-store-freeze": "^0.1.9",
"typescript
浏览 0提问于2017-09-06得票数 2
回答已采纳
我更喜欢使用import只在文件中包含实际的功能，并使用我的tsconfig来包含所有必需的类型。
下面是我的应用程序中的一个示例还原器：
import { createReducer } from '@ngrx/store';
const initialState: State = ['a', 'b', 'c', 'd'];
const reducer = createReducer(
initialState,
);
export function appReducer(state: State, a
浏览 1提问于2020-01-29得票数 0
我需要帮助来理解当我尝试使用来自商店的可观察数组时发生的这个错误。
这是控制台错误
ERROR TypeError: Cannot read property 'map' of undefined
at ngrx-entity.js:67
at ngrx-store.js:1198
at memoized (ngrx-store.js:1039)
at defaultStateFn (ngrx-store.js:1079)
at ngrx-store.js:1207
at memoized (ngrx-store.js:1039)
浏览 35提问于2021-03-06得票数 1
2回答
我一整天都在努力用ngrx/store 4开发我的专业应用程序。在经历了很多不成功的时间后，我决定创建一个新的绝对最小的应用程序，以检查我是否还有其他问题。但是最小的应用程序根本不起作用：
在中，我可以看到，商店是正确更新的。但是UI没有更新。此外，app.component.ts (this.age$.subscribe(console.log))中的log语句永远不会执行。我真的不知道我错过了什么。
这是相关代码。
package.json
{
"dependencies": {
"@angular/animations": "^4.2.
浏览 0提问于2017-08-15得票数 8
回答已采纳
当我从旧版本迁移到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
回答已采纳
我正在尝试使用REDUX模式来构建我的下一个角度应用程序，由于某种原因，我无法导入所需的库。
app.module.ts
imports: [
BrowserModule,
FormsModule,
HttpModule,
StoreModule.forRoot({
user
})
],
在一个新的角度凹槽或我原来的应用程序上，我总是会收到这些错误。
ERROR in
C:/Users/Jason/projects/NATION5/nation5/node_modules/@ngrx/store/src/models.d.ts (6,52
浏览 4提问于2017-08-01得票数 3
回答已采纳
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
回答已采纳
我使用的是Angular NgRX。我还在学习NgRX。在下面的代码中。我正在使用选择器从存储中获取状态切片。如果数据未定义或长度等于零，则调用dispatch，然后再转到DB获取数据。 我的问题是:这是正确的方法吗？或者，如果存储切片是未定义的，NgRX效果是否应该处理转到应用程序接口的逻辑？ 在下面的代码中，如果我不订阅选择器并检查它，那么它每次都会调用API端点，这违背了使用状态存储的目的，对吧？ import { Component, OnInit, OnDestroy } from '@angular/core';
import { select, Store }
浏览 32提问于2020-11-03得票数 0
4回答
如何处理单向数据流中的Angular 2表单？尤其是几个父/子组件之间的验证？
我正在使用ngrx/store和带有表单构建器的模型驱动表单。有没有可能在React中做一些类似的事情，比如form reducer，并将其作为Store的一部分？
你有一些关于它的文章吗？
浏览 14提问于2016-07-30得票数 40
我使用ngrx/store实现登录操作，该操作从订阅到商店获取日期。登录组件是一个模式组件，当我输入错误的密码时，我会得到data.type === 'LOGIN_FAILED'，但是，当我关闭模式并重新打开它时，数据操作仍然是LOGIN_FAILED而不是INIT。因此，登录操作不是取消订阅，我尝试手动取消订阅，但它不起作用。如何正确取消订阅登录操作？
import { Component, OnInit, ViewChildren, OnDestroy } from '@angular/core';
// shared
import { ToasterSe
浏览 1提问于2018-10-03得票数 2
1回答
我正在尝试在我的角度应用程序中安装ngrx。我已经执行了命令
ng添加“ngrx/store”最新内容
但是，它会导致如下错误
npm分辨率错误报告
2022-07T20:36:16.089Z
当解析: crudapp@0.0.0从根项目中找到：@角/核心@13.3.11节点_模块/@角/核心@角/核心@“~13.3.0”
无法解决依赖关系:来自根项目的@ngrx/store@14.0.1节点_模块/@ngrx/store@ngrx/store@14.0.1中的peer @角/core@“^14.0.0”
修复上游依赖冲突，或使用-force或-旧式对等点重新尝试此命令，以接受不正确(且可
浏览 2提问于2022-07-07得票数 0
回答已采纳
1回答
我刚刚安装了@ngrx/示意图，使我能够在我使用@ngrx/store的现有应用程序中使用reducers和actions来生成角CLI。我使用命令yar add @ngrx/schematics，然后配置为使用ng config cli.defaultCollection @ngrx/schematics代替角示意图，后者将配置添加到我的角JSON文件中。一切似乎都很好。像组件和服务这样的公共类是成功创建的，但是，当我尝试创建操作或还原器时，我会遇到错误。
我使用的是角6和ngrx/示意图8.3。
"@ngrx/schematics": "^8.3.0
浏览 2提问于2019-10-08得票数 1
问题:我需要得到响应。首先将调用：
this.store.dispatch(new UpdateRequest(data));
然后，如果成功，响应将为：
this.actions.pipe(ofType(ActionTypes.UPDATE_SUCCESS))
或者，如果出现错误：
this.actions.pipe(ofType(ActionTypes.UPDATE_ERROR))
在ngrx之前，这很简单：
this.service.update(data).subscribe((data) => this.update(data))
浏览 5提问于2021-09-13得票数 2
1回答
角应用程序未编译
、、
我试图创建一个简单的角度应用程序，我试图使用ngrx，以便我可以使用状态。我最初在我的app文件夹中运行命令yarn add @ngrx/store。
每当我试图使用StoreModule文件顶部的import { StoreModule } from '@ngrx/store'导入app.module.ts时，我都会收到一个编译错误(如下所示)。
ERROR in node_modules/@ngrx/store/src/actions_subject.d.ts(2,10): error TS2305: Module '"...AngularProjects/
浏览 1提问于2018-05-21得票数 0
回答已采纳
1回答
我试图通过ngrx-store-localstorage加密存储，就像它在文档中显示的那样：
import { ActionReducer, MetaReducer } from '@ngrx/store';
import { localStorageSync } from 'ngrx-store-localstorage';
export function _localStorageSync(reducer: ActionReducer<any>): ActionReducer<any> {
return localStorage
浏览 5提问于2020-05-06得票数 0
我有一个使用ngrx的angular 7应用程序。我有两个延迟加载的功能模块。一个是概述，另一个是仪表板模块。概述模块想要访问系统中可用仪表板的列表。 将可用的仪表板数据共享到概述模块的最佳实践应该是什么。我不希望整个仪表板模块加载到概述模块。如何使用ngrx store实现数据的共享。 我可以通过编写服务并在模块之间共享数据来轻松地共享数据，但我想看看如何使用ngrx实现相同的功能。
浏览 8提问于2019-08-29得票数 0
为了使用@ngrx/store 2.2.1和@ngrx/core 1.2.0进行状态管理，在我的示例角2.4.0应用程序中，我遵循了以下步骤
已安装@ngrx/store 2.2.1和@ngrx/core
将以下导入添加到根模块
从“@ngrx/store”导入{ StoreModule }；
3在systemjs.config.js文件的包部分添加了下面的代码
'@ngrx/core': {
main: 'bundles/core.umd.js',
format: 'cjs'
浏览 1提问于2017-02-10得票数 5
回答已采纳
我试图使用@ NgRx /entity实现一个ngrx存储，但我无法使用@ngrx/entity getSelectors检索任何数据。reducer显示了由Effect()'s作为实体正确加载的集合。因此，我的效果正常工作。现在我想使用selectAll选择器从adapter.getSelectors()函数中选择数据作为数组。
reducers/index.ts
import { ActionReducerMap, createFeatureSelector, createSelector } from '@ngrx/store';
import * as fro
浏览 0提问于2018-04-22得票数 1
回答已采纳
我在我的组件中堆叠着从NGRX存储中获取数据。我的redux配置如下: calendar.reducer.ts：
import {MonthModel} from "./month.model";
import * as MonthActions from "./calendar.actions"
export const initialState: MonthModel = {
shifts: [],
numberOfYear: 2020,
numberO
浏览 8提问于2020-05-13得票数 1
回答已采纳
1回答
我对ngrx世界很陌生。
我正试图从我的影响中直接得到我的状态数据。
其想法是获得一种类型的帐户(出版商或广告商)，并将这些信息发送到一个“成功”的行动。
这是我的功用：
import { Injectable } from "@angular/core";
import { map, exhaustMap, withLatestFrom } from 'rxjs/operators';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { AuthServ
浏览 10提问于2022-06-03得票数 -1
2回答
我正在使用正面模式与ngrx。我在ngrx效果中调用facade方法，但是我读到它不是一个好的实践。我想知道如何解决这个问题。
我的代码如下：
**我的效果代码：**
closeCountSuccess$ = createEffect(() =>
this.actions$.pipe(
ofType(CountActions.CountActionTypes.CLOSE_COUNT_SUCCESS),
switchMap((action: fromActions.CountSuccess) => {
this.facade.reset
浏览 17提问于2022-10-26得票数 1
回答已采纳
1回答
我很难干净地使用NGRX的数据访问模式。现在，我从我的NGRX商店中提取数据，如下所示：
logBooksAndAuthors() {
const books$ = this.store.select(store => store.books);
const authors$ = this.store.select(store => store.authors);
books$.subscribe((books: Book[]) => {
authors$.subscribe((authors: Authors[]) => {
浏览 1提问于2022-01-11得票数 0
回答已采纳
我正在尝试扩展一个使用ngrx的角服务，并且得到了这个类型的错误
Argument of type 'typeof Store' is not assignable to parameter of type 'Store<AppState>'
这是我的家长班：
import { Store } from '@ngrx/store';
import { AppState } from '../store/file-uploader.state';
import { AbstractStorage } from '
浏览 3提问于2022-01-06得票数 2
回答已采纳
我正在尝试创建一个Angular 4柱塞，其中包含ngrx\store最新版本：
为了使用ngrx\store，我在config.js文件中添加了下面这一行：
'@ngrx/store': 'https://npmcdn.com/@ngrx/store@4.0.0',
由于某种原因，我得到了这个错误：
(SystemJS) TypeError: store_1.StoreModule.provideStore is not a function
有人能帮上忙吗？
浏览 0提问于2017-07-24得票数 2
回答已采纳
1回答
NgRX实体:未在州中定义in
、、、、
我一直在一个虚拟的"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回答
我有一个角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
回答已采纳
1回答
我试图在我的应用程序中添加带有api调用的@ngrx/store。
但实际上，我没有找到进行api调用的最佳位置，也没有找到发出调度调用的最佳位置。
例如，我有一个减速器"AllBooks“
我的组件图书
从我的图书服务获取数据。
图书服务使api调用并获取数据。
API调用
在一些教程中，我看到api调用在还原器中，而在另一些教程中，api调用在服务中。
调度调用
在某些教程中，我看到分派调用是从组件发出的。在其他情况下，api分派在服务中。
我正在寻找一个用于角6的新的简单演示代码，它使用@ngrx/store和api调用来学习组织代码的最佳实践是什么
这是我当前的组件代码(构造
浏览 2提问于2018-11-02得票数 2
在我的应用程序中，我检索构造函数中“Items-概述-Component”中的所有数据。(路由器路径："/items")
// Items-Overview-Component
constructor(private store: Store<fromReducer.State>) {
this.store.dispatch(loadItems());
}
单击项目条目时，我导航到"/items/:id"。然后使用:id从商店检索详细信息。
// Item-Details-Component
constructor(private sto
浏览 1提问于2022-06-16得票数 1
回答已采纳
当从@ngrx/store导入时，我得到了一个错误模块‘./node_node/@ngrx/store/index’没有导出的成员'createSelector‘。
我使用@ngrx/store@2.2.3
请帮帮忙。
浏览 1提问于2018-04-03得票数 0
回答已采纳
我正在使用@ngrx/store进行Angular 5项目。下面是将ngrx/store集成到我的应用程序中的方法。
我有CoreModule，其中包括商店。在存储目录中，有名为search和user的目录，还有reducer.ts和index.ts目录。
src - app - core - store - user (index, reducer, actions, selectors)
- search (index, reducer, actions, selectors)
- redu
浏览 10提问于2018-02-28得票数 0
1回答
你好，我是angular ngrx的新手。 请您帮助，因为我不知道如何在ngrx，以获得一个嵌套属性值从mt reducer。 在下面的代码中:如何从我的reducer中获取this.todoData$.data值？ import { Component, OnInit } from '@angular/core';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { increment, decrement, rese
浏览 8提问于2019-08-31得票数 1
回答已采纳
2回答
圆形相依角6
、、、
我把整个项目都上传到里了
在多次尝试之后，每次运行相同的代码并得到以下错误时，我都会得到这个错误：
ERROR in node\_modules/@ngrx/store-devtools/src/actions.d.ts(18,21): error TS1039: Initializers are not allowed in ambient contexts.
node\_modules/@ngrx/store-devtools/src/actions.d.ts(22,21): error TS1039: Initializers are not allowed in ambient c
浏览 0提问于2018-11-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
