问题标签 [angular-redux]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
937 浏览

angular5 - 使用 Angular 5+ 在 Angular-redux 中调度操作时如何发送有效负载

在 angular-redux 中调度操作时如何发送有效负载?我在任何地方都找不到它的解释,无论是在官方教程中,还是在 API-Docs 中。

“Action”类有一个属性“type”,但没有属性“payload”。

API 文档:https ://angular-redux.github.io/store/

0 投票
1 回答
357 浏览

angular - 根据有效负载延迟史诗动作

根据文档,在可观察对象中延迟操作非常简单:

但是我想根据操作有效负载中的某些值来延迟操作。例如这样的事情(什么不起作用):

不幸的是.delay()只需要一个简单的静态值,我不知道如何从动作中设置值。有人知道吗?

为什么我需要它?

这种行为背后的原因是,我在我的史诗中调用了一个 REST API,它在后端创建了一个新项目。当这个调用返回时,我将触发两个动作(通过 flatMap)。一个成功的操作是让 reducer 更新相应的状态,第二个操作是获取后端中所有可用项目的列表。不幸的是,后端有点慢(我无法控制它),因此对所有项目的立即 get 调用会返回一个没有新创建项目的列表。500 毫秒后执行相同的调用会按预期返回任何内容。因为这个“获取整个列表请求”与第一次显示页面时完全相同,我不希望所有请求都有这种延迟,但只有在创建调用后触发它时才会出现这种延迟。

如果没有人能告诉我如何从动作中获得延迟,第二种可能性是使用不同的动作,让另一个史诗简单地听并使用某种硬编码的延迟,但如果我可以通过参数化它会很酷同样的动作。

0 投票
1 回答
701 浏览

angular - 从 Redux 状态获取值

我们正在 Angular 4 项目中使用 RXJS 和 Redux 进行状态管理。目前我们正在开发向导功能。该向导包括5个步骤,每个步骤都是自己的反应形式,并且每个步骤都有子reducer来处理自己的状态。

向导减速机:

每一步都调度一个将表单值保存在状态中的操作。向导组件在最后一步执行保存操作,保存操作应从状态(所有子化简器)中收集所有值并执行 REST 操作以创建对象。我们阅读了很多关于 getstate() 函数的文章,并且我们不应该使用它来获取状态(反模式,你也这么认为吗?)。我们当前的解决方案是订阅 state(step1SubReducer, Step2SubReducer) 中的每个 sub reducer,并将这些值分配给向导组件内的变量,但这看起来像是一种解决方法,即使我们只需要它也会导致许多订阅触发事件在我们的最后一步。有什么建议么?

谢谢!

0 投票
2 回答
1598 浏览

angular - 在 Angular (v5) 中,我如何监听我的应用程序 Redux 状态对象的变化?

我需要知道如何创建一个监听器,例如我想订阅 AppState 的变化。

以下是我目前非常基本的服务。我在视图上有一个调度操作,它增加了计数器。

一旦计数器改变值,我想在我网站的其他部分检测到这一点,例如全局标题。

我正在使用带有角度版本 5 的 ng2-Redux。

还原服务:

0 投票
2 回答
2338 浏览

ngrx - first() 运算符会自动取消订阅吗?

我想取消订阅 observable,我应该使用 first() 运算符取消订阅吗?

下面的例子,

上面的代码是会自动退订还是需要做什么?

0 投票
1 回答
113 浏览

angular - Angular 5 和 angular-rdux/store

我已经安装了 Angular 5,

"@angular-redux/store": "^7.1.0",

"redux": "^3.7.2",

这是我的 app.module.ts 构造函数:

这是我的 store.ts 文件:

和我的 app.component.ts 文件:

第一个错误:

当我单击增量按钮时,我得到表达式在检查错误后已更改。所以用谷歌搜索并添加

changeDetection: ChangeDetectionStrategy.OnPush,
所以表达式在检查错误解决后发生了变化。但在此之后,当我点击增量时,我得到了 NAN。这是控制台输出:

有人遇到过这个错误吗?你有解决办法吗?

提前致谢。

0 投票
1 回答
114 浏览

angular - Angular redux/forms 绑定到嵌套元素

我目前正在尝试在之后将表单绑定到我的 redux 商店(模板驱动)

所以可以说我有以下结构:

现在我想将它绑定到一个表单:

我如何告诉我要添加address到路径的表单以便我可以绑定streetcity我的商店?

0 投票
1 回答
3466 浏览

angular - Angular 4 Redux 选择问题(基本)

我仍处于学习 Angular 4 和 Redux 的早期阶段。我有一个从商店获取信息的组件。它在视图中运行良好。但是当我尝试从组件中访问相同的信息时,我得到的是一个对象而不是值。

这是我的组件:

"console.log("CLOSE", this.sessionId )" 行不返回存储在存储中的值。相反,我得到了这个:

如何从类中的这些对象中获取数据?在视图中,如果我在值后添加“| async”,它们就会显示出来。但我无法从实际组件类中获取值。帮助!

0 投票
0 回答
240 浏览

angular - 使用 angular-redux 规范化/反规范化状态

我已经用angular-redux开始了一个新项目,我真的很喜欢这个设置,一切运行良好。然而,复杂性很快就会增加,我担心存储状态会变得太深,数组中的数组 - 你们知道这个练习。

最好的解决方案似乎是规范化状态(ngrx/实体功能),但是我找不到使用 angular-redux 的解决方案,有推荐的方法吗?

0 投票
1 回答
991 浏览

angular - Angular 4 - 从 html 模板保存到模拟 json 数据库

Angular 4 应用程序,我有一个输入文本框,其中值必须从模板存储到 json 数据,我用作模拟数据库。我在下面编写了服务和保存功能,但没有将其保存在 .json 文件中。想法或帮助使其工作。