问题标签 [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.
angular - 如何在 angular-redux/store 中初始化根存储以进行测试?
我想为 angular redux 设置初始根存储,而不是一次调用getSelectorStub
一个选择器。最好的方法是什么?
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
但这对我没有用。我希望得到一些帮助。谢谢你。
angular - 解析器与 Redux
我已经在使用 Angular 的中小型项目中工作了很长时间,只要有一些数据需要从服务器加载,团队就会直接将其存储到 Redux 存储中。这允许在用户在“页面”之间导航以及他们决定刷新页面时保留数据。
但是,最近我一直在做一个“适当的”Angular 教程,我们设法通过结合服务(在 中提供app.module.ts
)来保留数据和解析器来实现相同的结果。解析器确保在加载我的主页时,将所需的数据加载到服务中。此外,如果数据不是太大,我什至可以将其存储到 中localStorage
,因此,HTTP
如果数据不存在,则消除解析器中的请求。
除了不太可能的用例 1. 需要加载大量数据和 2. 用户出于某种原因经常刷新网页,我真的不明白为什么我们应该实现一个完整的 redux 存储。
是否有更多使用我不理解的 Redux 的理由,或者使用这种方法有更多的缺点?
angular - @angular-redux/store:如何为 redux store 编写单元测试?
我想模拟 redux 存储并将针对 redux-store 的测试直接写入存储。我不希望任何角度逻辑介于两者之间。有人可以帮忙吗?
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 中回显任何内容。请指导我,怎么了?
angular - 按 URL 参数过滤的可观察语法?
我正在尝试根据路由参数过滤商店订阅,但我的语法不正确。我正在尝试将参数向下传递,以便filter
rxjs 操作员可以根据参数过滤商店:
它说参数的参数switchMap()
是错误的类型......出了什么问题?
angular - 在哪里迭代 JSON 对象
我正在用 Angular 构建一些东西并使用redux。
我的json对象具有具有特定值的对象。让我们假装:
可以说我想:
- 计算约翰的子孙总数。
- 数一数约翰有多少孙子孙女。
好吧:
- 使用 Angular/Redux 时,我会在哪里为此编写函数?在获得状态之前我会这样做吗?在我进行 API 调用并获取我的状态之后?在减速机?在组件中?
- 迭代并获得我想要的这两个计数的最快/最佳方法是什么?因为我知道 Angular 有一些内置的东西,它会有更快的方法来做到这一点吗?还是通过普通的 JS?
最后一点:
- 假设我有一些兄弟组件(约翰的妻子,苏)将使用这个类似的计数或信息。如果我想让我的代码保持干燥,我应该在哪里制作这些计数功能?
如果某些信息计数会有所不同,我是否会使用我之前的状态?可以说这只是计算女性儿童/孙女。john's 是给男孩子/孙子的。
或者我应该为这些(m&f)制作两个状态并处理它们?
javascript - 如何使用Angular异步管道调用从异步流接收的函数?错误:动作表达式中不能有管道
我想使用 Angular 9 异步管道调用从数据流中接收的函数。
以下代码(onApprove)="(modalData$ | async).onApprove()"
引发此错误:Cannot have a pipe in an action expression
我在网上找不到解决方案,只能参考有关 ngModel 的问题(示例)
数据流来自 Redux store
angular - 如何在 Angular 库的 umdModuleIds 中添加 angular-redux/store 的条目
我正在尝试创建一个依赖于@angular-redux/store 的库,但我不知道如何在 ng-package.json 中的 Angular 库的 umdModuleIds 中为其添加条目:
我已经检查了@angular-redux/store 的 UMD 文件,但它的条目不起作用。这个也不是,但在 webpack 外部运行良好:
窗口[“角度还原”].store
redux - switchMap 中 of(...) 和 [...] 的区别
例如我们有一些效果:
和
我们有什么不同吗?