问题标签 [ngxs]

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 投票
0 回答
225 浏览

ngxs - 将 NGSX 与路由器插件模块一起使用

是否有任何可用的示例应用程序显示带有 ngsx 路由器插件的 ngsx,该插件具有完全工作的“时间旅行”调试功能,以及订阅“RouterNavigation”等操作类的操作处理程序。我浏览了社区页面(https://ngxs.gitbook.io/ngxs/community/projects#media)中的所有应用程序,但没有找到一个例子。

0 投票
1 回答
2294 浏览

ngxs - NGXS - 如何在多个流上使用一个动作处理程序

我有几个异步运行的动作,比如说VerifyEmailchangepassword. 我想在动作开始时显示一个加载器,并在拍卖结束时隐藏它。我知道我可以通过这种方式为每个动作做到这一点:

但是每个异步操作都有两个块,我想知道是否有办法将多个操作组合到一个管道中?像ofActionDispatched([VerifyEmail, ChangePassword])什么?

0 投票
1 回答
1922 浏览

angular - Angular Form数组重复字段问题

我有两个问题:

1)所有选择框显示相同的值 2)点击添加时,添加了两个选择框,我只想添加一个

我已经在https://stackblitz.com/edit/angular-ngxs-select-form-solved上传了一个演示

0 投票
2 回答
1601 浏览

ngxs - NGXS - 从子状态访问父状态

我有一个由子状态组成的父状态:

和一个孩子状态:

我想访问parentPropChildState 内部,我尝试使用共享状态方法,但它会在 ParentState 导入 ChildState 时创建循环依赖,反之亦然。

我错过了一个简单的解决方案吗?

0 投票
1 回答
1214 浏览

ngxs - 使用 NGXS 的单个组件内的多个存储

使用 ngxs 我有以下设置,

用户状态.ts

产品状态.ts

应用组件.ts

有没有使用 NGXS 的优雅方法????

0 投票
1 回答
973 浏览

angular - NGXS Devtools 不代表当前状态

所以我开始使用 NGXS,我在通过 Redux Devtools 检查我的商店时遇到了一些困难

NGXS 具有与Redux Devtools Extension集成的devtools 包

我已经安装了最新版本的包 (^3.2.0) 并将其导入AppModule导入:

在我的 上AuthState,我做了:

当我在谷歌浏览器上打开控制台时,我确实得到了这条线

并加载了 Auth 属性。虽然,在 Redux Devtools 上,我只看到:

Redux 开发工具

如你看到的:

  • 操作CheckAuthSession未发送
  • auth.initializedfalse即使我控制台记录它仍然存在,它是true.

奇怪的是,当我调度一个新动作时,扩展确实提到了它,并且状态更改为动作之前的状态。我不确定这是否是正确的行为。

更新 1

当我在in方法take(1)之前添加管道时,它以某种方式起作用。我不知道为什么。tapcheckSession

0 投票
1 回答
731 浏览

ngxs - NGXS 异步操作订阅

NGXS 文档表明框架会自动订阅从异步操作 ( https://ngxs.gitbook.io/ngxs/concepts/state#async-actions ) 中返回的 Observables。这很方便,但是框架是否也处理从 observable 取消订阅,或者我每次调用以这种方式返回 Observable 的异步操作时都会泄漏订阅?

0 投票
1 回答
57 浏览

javascript - 加载组件后,我无法读取状态,状态正在正确更改

我目前正在尝试了解 NGXS 的工作原理,因此我能够设置状态和操作,但是当我调用我的服务并尝试将状态放入变量中时,我得到了一个 observable。

附件是代码和我从控制台得到的内容,我试图在我的应用程序启动时获取项目列表,所以基本上我有 2 个状态,客户端数组将存储来自服务的响应和加载状态,它将改变如果我得到回复,则为假,这是我第一次尝试处理这个概念,所以提前感谢您的帮助

这是服务

这将是我消耗状态的尝试

这就是我在控制台中得到的。

安慰

0 投票
2 回答
288 浏览

typescript - 在 Redux 存储中保持用户界面状态的好处?

NGRX官方演示应用程序在商店中保持布局状态。

这篇秋田文章还保留searchTerm了秋田等的状态EntityStore<Book>

只是好奇将用户界面状态保留在商店中是否还有其他好处,而不仅仅是在 UI 组件中?

0 投票
1 回答
1522 浏览

angular - 在模板中更新我的日期对象失败

实际上,我的日期对象的 ngxs (3.2.0) 状态管理存在问题。我正在尝试更新我的应用程序中的显示日期(带有角度材料的 Angular 6 应用程序),该操作已正确调度并且日期对象在状态内发生更改,但是当日期更改时订阅者不执行任何操作,因此我的模板没有更新。

这是我的动作文件 currentDate.action.ts :

这是我的 currentDate.state.ts :

}

我的 header.ts 文件中的代码:

在我的 template.html 文件中:

我尝试了很多东西(这就是为什么你也可以在我的文件中看到“检查”变量的原因)但没有成功看到日期对象的更新,而是成功地看到了另一个对象,比如我的检查器或我的其他状态对象。

如果您有任何想法,或者您在我的代码中发现了一个大错误...