问题标签 [angular-state-managmement]

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 回答
44 浏览

angular - Angular 中用于传递和显示数据的两个模型

我在 ngxs 中使用模型时遇到问题。我必须使用不同的模型将数据传递给 api 并从 api 获取数据

我基本上有一个报告模型和净收入模型。由于我的代码有错误,我将如何集成它们。我只能使用一个模型?或者我如何在我的模型中修改它?

我只想要我的 Angular 应用程序的最佳实践,所以我想要分配正确的模型。随意重组或更改大量代码等......

这里是stackblitz链接点击这里

0 投票
1 回答
372 浏览

ngxs - 当另一个状态改变时更新状态

假设我有一个产品列表,type当用户type从下拉列表中选择不同时可以过滤这些产品(用户也可以设置其他过滤器,但它们与此示例无关)。

我的状态 A 包含当前过滤的产品。状态 B 保存当前选择的类型。

当用户更改类型时,我希望它也更新当前过滤的产品。

这样做的正确方法是什么?

  • 每当设置状态 B 时,我都可以从状态 B 调用对状态 A 的“设置”操作
  • 当用户设置状态 B 时,我可以在状态 A 和状态 B 上调用“设置”操作
  • 我可以在状态 A 中收听状态 B 并在状态 B 更改时更新状态 A
  • 我也可以在状态 A 中使用类型,但我也将类型用于其他单独的状态以用于其他功能
0 投票
3 回答
1153 浏览

angular - Angular - 在查看之前加载数据的 NGXS 问题

您在路由到组件并加载表格时遇到问题。但是表是空的,没有数据。

我的意思是显示组件/表格。我可以看到数据处于状态(赛季存储)并已加载。如果我刷新页面,我可以显示它们。

顺便说一句,我可以在这个组件之前调度状态,我的问题可以得到解决,或者使用简单的服务来调用 api。但这对我来说不是解决方案。

所以我的问题是=我如何在查看之前显示/加载数据?

我的 assets.state.ts

组件 - 将数据设置为状态并将它们加载到表 some.component.ts

some.component.html

提前感谢您的任何帮助或想法。

0 投票
2 回答
2834 浏览

angular - Angular 9如何在返回上一页后保持组件状态?

我是 Angular 的新手。我正在使用路由器切换屏幕..像这样

并像这样在 a_page 构造函数中获取状态

但是,如果我从 a_page 返回,然后使用浏览器转发按钮转发,则 extras.state 为空。我不知道如何以最好的方式做到这一点,请提出这个想法。谢谢你。

0 投票
0 回答
66 浏览

angular - Angular - 在组件之间共享数据

随着我对 Angular 的深入了解,我试图实现以下情况,这些是我的组件:

我想弄清楚的是从孩子传递数据到父母和其他一些组件的理想方式。我可以使用 @Input() 和 @Output() 装饰器来做到这一点,但我想知道它是否正确,如果中间有更多组件怎么办?我也尝试使用服务,但无法正确更新数据。有什么更好的方法来解决这个问题?

0 投票
1 回答
416 浏览

angular - 即使我们可以用服务做所有事情,为什么我们还需要 NgRX?

我从事过一些 Angular 2+ 项目,但我仍然想知道为什么我们需要 NgRX。我可以用服务来实现一切,而且它们似乎更容易理解。我不确定这是否是因为我不熟悉 NgRX,但无论如何我找不到 NgRX 的特定用例。谁能给我一些关于以下内容的解释?

  • NgRx 和服务实现状态的区别
  • 每种实施方式的优缺点
  • 在实现 NgRX 时我们需要考虑什么?
  • 对性能有任何担忧吗?
0 投票
1 回答
299 浏览

angular - 如何选择 NGXS 状态的一部分?

我正在阅读并尝试 NGXS 的文档:https ://www.ngxs.io/concepts/select

除了我这样做是为了我的 AuthState。

我已经实现了 AuthStateModel 和 AuthState:

但现在在我的 app.component.ts 中,我正在努力选择。

根据他们的说法,我应该能够执行以下操作:

但是 VS Code 说(就我所见,我同意)AuthState 上没有“配置文件”,这是正确的,因为该属性存在于 AuthModel 上。

我已经看到了之后的记忆选择器,但这并不是重点。此外,我尝试制作一个返回配置文件,然后仅使用 AuthState.Profile.displayName,但在 displayName 上的结果相同。

我错过了什么?

0 投票
0 回答
81 浏览

angular - 为什么我在 NGXS 中的选择器函数在填充状态时收到 null?

我正在尝试设置一个带有 NGXS 的 Ionic 应用程序。我正在做 Auth 部分。

到目前为止,我有这个模型:

和这个 AuthState:

在我的应用程序组件中,我这样做是为了检索我的状态值:

但我真的不明白,看来状态已设置,但我的选择器仍然收到null: 在此处输入图像描述

我搞砸了什么?

0 投票
1 回答
44 浏览

angular - Angular 10 - 使用 Redux 插入数据

我正在使用 redux 执行“CRUD”操作。

在我的student.reduce.ts文件中,我有这个代码来生成一个新的寄存器:

该对象state.students包含现有数据并action.student包含新数据,当我进行插入时,它会直观地生成新记录,但是我丢失了旧数据,如何合并state.studentsaction .student直观地显示所有数据。

谢谢你。

0 投票
1 回答
596 浏览

angular - 如何从数组列表中删除数据 - NGXS 状态管理

我在尝试 NGXS 状态管理时遇到了问题,问题是如果我使用 id 从数组中删除记录,那么整个数组就会变空。这是我的用户状态的样子。

这就是删除操作的样子

这就是我在组件中调度动作的方式