问题标签 [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 投票
1 回答
74 浏览

angular - 如何在 angular-redux/store 中初始化根存储以进行测试?

我想为 angular redux 设置初始根存储,而不是一次调用getSelectorStub一个选择器。最好的方法是什么?

0 投票
1 回答
190 浏览

angular - 测试 Angular 组件,该组件引入从 @angular-redux/store 的“@select()”方法派生的 observable

好的。所以我有一个名为“Account”的组件,它使用@select() 来生成 user$。user$ 的类型是一个带有“User”接口的 Observable

我还有一个名为“用户”的变量。在这个组件的构造函数中,我订阅了“user$”,并从 observable 中派生了 'user' 的属性。

这在实践中效果很好,但是当我尝试测试时,我立即遇到一个关于它如何无法读取未定义的“firstName”的错误。 *由可观察的“用户$”设置为“用户”的属性之一是名字。

这是我的测试的样子:

我尝试从这两个线程中实现一些修复和建议:Testing @select decorators with @angular-redux/store Testing Angular with @angular-redux/store in Storybook

但这对我没有用。我希望得到一些帮助。谢谢你。

0 投票
1 回答
341 浏览

angular - 解析器与 Redux

我已经在使用 Angular 的中小型项目中工作了很长时间,只要有一些数据需要从服务器加载,团队就会直接将其存储到 Redux 存储中。这允许在用户在“页面”之间导航以及他们决定刷新页面时保留数据。

但是,最近我一直在做一个“适当的”Angular 教程,我们设法通过结合服务(在 中提供app.module.ts)来保留数据和解析器来实现相同的结果。解析器确保在加载我的主页时,将所需的数据加载到服务中。此外,如果数据不是太大,我什至可以将其存储到 中localStorage,因此,HTTP如果数据不存在,则消除解析器中的请求。

除了不太可能的用例 1. 需要加载大量数据和 2. 用户出于某种原因经常刷新网页,我真的不明白为什么我们应该实现一个完整的 redux 存储。

是否有更多使用我不理解的 Redux 的理由,或者使用这种方法有更多的缺点?

0 投票
1 回答
435 浏览

angular - @angular-redux/store:如何为 redux store 编写单元测试?

我想模拟 redux 存储并将针对 redux-store 的测试直接写入存储。我不希望任何角度逻辑介于两者之间。有人可以帮忙吗?

0 投票
0 回答
114 浏览

angular - 没有使用角度中的ngrx redux从api调用中获取列表

ngrx redux用来从 api 角度获取数据。我无法在select标签中循环获取的数据。以下是我所需的代码:

pfa.module.ts:

pfa.actions.ts:

pfa.effects.ts:

pfa.reducers.ts:

组件.ts:

component.html:在这里,我什么都看不到。

select在 html 中,我在框中看不到任何内容。

当我检查redux选项卡时,我可以看到如下:

模块.ts:

我想通了,为什么会这样pfas->pfas->pfa,因为上面的代码。但是如果我要加载多个减速器怎么办?我认为,有 2pfas这就是为什么它没有在 html 中回显任何内容。请指导我,怎么了?

0 投票
1 回答
72 浏览

angular - 按 URL 参数过滤的可观察语法?

我正在尝试根据路由参数过滤商店订阅,但我的语法不正确。我正在尝试将参数向下传递,以便filterrxjs 操作员可以根据参数过滤商店:

它说参数的参数switchMap()是错误的类型......出了什么问题?

0 投票
1 回答
134 浏览

angular - 在哪里迭代 JSON 对象

我正在用 Angular 构建一些东西并使用

我的对象具有具有特定值的对象。让我们假装:

可以说我想:

  1. 计算约翰的子孙总数。
  2. 数一数约翰有多少孙子孙女。

好吧:

  1. 使用 Angular/Redux 时,我会在哪里为此编写函数?在获得状态之前我会这样做吗?在我进行 API 调用并获取我的状态之后?在减速机?在组件中?
  2. 迭代并获得我想要的这两个计数的最快/最佳方法是什么?因为我知道 Angular 有一些内置的东西,它会有更快的方法来做到这一点吗?还是通过普通的 JS?

最后一点:

  1. 假设我有一些兄弟组件(约翰的妻子,苏)将使用这个类似的计数或信息。如果我想让我的代码保持干燥,我应该在哪里制作这些计数功能?

如果某些信息计数会有所不同,我是否会使用我之前的状态?可以说这只是计算女性儿童/孙女。john's 是给男孩子/孙子的。

或者我应该为这些(m&f)制作两个状态并处理它们?

0 投票
1 回答
32 浏览

javascript - 如何使用Angular异步管道调用从异步流接收的函数?错误:动作表达式中不能有管道

我想使用 Angular 9 异步管道调用从数据流中接收的函数。

以下代码(onApprove)="(modalData$ | async).onApprove()"引发此错误:Cannot have a pipe in an action expression

我在网上找不到解决方案,只能参考有关 ngModel 的问题(示例

数据流来自 Redux store

0 投票
0 回答
165 浏览

angular - 如何在 Angular 库的 umdModuleIds 中添加 angular-redux/store 的条目

我正在尝试创建一个依赖于@angular-redux/store 的库,但我不知道如何在 ng-package.json 中的 Angular 库的 umdModuleIds 中为其添加条目:

我已经检查了@angular-redux/store 的 UMD 文件,但它的条目不起作用。这个也不是,但在 webpack 外部运行良好:

窗口[“角度还原”].store

0 投票
1 回答
59 浏览

redux - switchMap 中 of(...) 和 [...] 的区别

例如我们有一些效果:

我们有什么不同吗?