无法使用NGXS修补存储的更新状态。我一直看到类型错误：无法冻结
我正在使用一个基本的角度11应用程序，它实现了身份验证(使用AWS Cognito&；Amplify)。我在这里想要做的很简单。我正在使用内置的AWS Amplify方法进行身份验证。我正在使用NGXS存储令牌、用户信息等与身份验证相关的项目。 import { State, Action, StateContext, Selector } from '@ngxs/store'; im
..
ngxs相关内容
当接口在NGXS状态下成功时，如何关闭MatDialogBox或任何div？
我已经开始学习使用NGXS进行状态管理。到目前为止，一切都很好，但对一些情况没有什么问题，比如- 如果Mat对话框(或任何div-我在这里有项目中的两个方案)处于打开状态，并且从其中调用了API，则仅当API返回成功时，我如何才能关闭该对话框？ 假设用户注销，如何将状态重置为默认值？ 下面第一种情况是我的状态代码，action&；Dispatcher： abc.act
..
管道操作符时如何返回可观察的`forkJoin`
在我拥有这个运行良好的解析器之前: resolve() {返回 forkJoin(this.getData1(),this.getData2(),this.getData3());} 现在我必须做一些实际上不起作用的事情: resolve() {返回 this.actions$.管道(ofActionSuccessful(SomeSctonSuccess),叉连接(this.getData
..
在 Angular NGXS 中搜索来自不同组件的数据
我想弄清楚如何从不同的组件在 NGXS 中进行搜索.我有来自导航栏组件的搜索栏，而我正在显示来自应用程序组件的数据，这是一个不同的组件.请参阅此 stackblitz 链接点击这里 代码 this.peopleForm.get('name').valueChanges.pipe(debounceTime(500)).subscribe((名称:字符串)=>{控制台日志(名称)；this.p
..
在NGXS中组合多个@Select
我在这样的组件中有多个@Selects: @Select(ItemState.getMode)模式:Observable
..
Pipe and Tap VS订阅ngxs
我正在玩管道并订阅.如果我使用带有水龙头的管道，则不会登录控制台.如果我使用的是订阅，那么它可以正常工作.那我做错了吗? 从 import {Observable};从'rxjs/operators'导入{点击，获取}；this.store.select(state => state.auth.authUser).pipe(拿(1)，tap((数据)=> {//不工作-没有控制台输出consol
..
NGXS:如何测试是否已分派动作?
如何对是否已分派动作进行单元测试? 例如，在LogoutService中，我有以下简单方法: 注销(用户名:字符串){store.dispatch([新的ResetStateAction()，新的LogoutAction(用户名)]);} 我需要编写一个单元测试，以验证是否已分派了两个操作: 它(“应调度ResetState和Logout操作"，功能(){logoutService.
..
@嵌套对象的选择和状态的不变性
我使用NGXS一段时间，发现如果在@Select return中使用对象或数组，则可能破坏组件中状态的不变性. 示例: state: AppStateModel = { justValue: true, complexObject: { a:1, b:2} } ，然后是两个选择器: // Here in a component we will get access t
..
ngrx和ngxs之间的性能差异?
我想在Angular 6应用程序中使用ngxs进行状态管理. 但是我不确定大型项目是否成熟. 我找不到有关ngrx和ngxs之间的性能差异的任何文章. 有人可以提供一些信息吗? 性能指标:从商店中获取大量商品并写回商店. 解决方案 这是Reddit的很好答案(Angular2 +社区).来自同时测试了两者并切换到NGXS的开发人员. 我想分享我的经验.我们有一个中型
..
最好在哪里发布有关ngxs的问题?
我看到ngxs标记目前在Stack Overflow中对此没有太多疑问.我应该在这里问问题还是在此处上发布github问题? 解决方案 我们(ngxs团队)更愿意提出问题的方式是使用ngxs标签在stackoverflow上.并且仅将问题(错误)发布到github. 通过对stackoverflow而不是github问题有疑问，当我们关闭问题时，它们不会迷路. 如果不确定您的问
..
对国家具有约束力-这是预期的行为吗?
我的状态包含项的集合: import { State, Action, StateContext } from '@ngxs/store'; import {AddItem} from './app.actions'; export interface Item { id: number; name: string; } export interface AppStateMod
..
Angular不会检测到从Ngxs状态发出的Http请求(与区域相关的问题)
我正在使用ngx-progressbar，它与从服务，组件或解析器中启动的http请求一起正常工作. 请注意，在http请求期间不需要手动触发进度条(通过服务等).它是自动触发的. 不幸的是，当从NGXS状态内发出http请求时，它无法按预期工作: stackblitz : 我为每种情况创建了一个按钮: “发出请求(要配送的商品，没有区域)" 这不起作用，没有进
..
搜索/过滤状态NGXS
我是NGXS的新手，正在尝试将其集成到一个小型项目中.唯一的问题是，没有关于状态的搜索/过滤器的好例子. 我的应用从后端API获取产品列表.在页面上按SKU显示它们.我希望用户能够在输入字段中输入SKU，并让列表根据用户类型自动过滤产品. products.state.ts: @Selector() static getProductList(state: ProductStat
..
Ngxs-呼叫Angular服务:良好做法?
当我使用ngxs时，我的应用程序应该做什么: 我的组件调用服务，并且该服务使用以下命令调度操作 结果作为有效载荷? 我的组件调度一个动作，而我的 国家打电话给该服务? 解决方案 我的观点是，分派操作本身应该是不可变的，不能用于返回结果.取而代之的是，有兴趣知道结果的客户端(通常是操作导致的状态改变)应该订阅状态改变.请注意，NGXS是CQRS实现.
..
如何在NGXS中使用patchState与setState?
我正在学习ngxs，但我不明白何时应使用patchState和setState?有什么区别? const state = ctx.getState(); let data = this.service.list(); ctx.setState({ ...state, feedAnimals: data }); vs. let data = this.servic
..
在Angular NGXS中从不同组件搜索数据
我试图弄清楚如何从不同组件中搜索NGXS.当我显示来自不同组件的应用程序组件的数据时，我从导航栏组件获取了搜索栏. 请查看此stackblitz链接 点击此处 CODE this.peopleForm.get('name').valueChanges.pipe(debounceTime(500)).subscribe( (name: string) => { console
..
管道操作员时如何返回可观察到的"forkJoin"
在我使用此解析器之前，它工作得很好: resolve() { return forkJoin( this.getData1(), this.getData2(), this.getData3() ); } 现在我必须做一些实际上是行不通的事情: resolve() { return this.actions
..
从后端加载数据的操作/状态
我刚刚开始尝试ngxs，但是到目前为止，我还没有100％清楚我应该在哪里回叫我的API来持久化和读取数据(我所看到的所有示例都是不这样做，或使用一些模拟). 例如我创建了一个维护项目列表的状态.当我想添加项目时，我将"AddItem"操作分派到商店，将新项目添加到状态中.所有这些都可以正常工作-问题是在哪里合适的位置插入将商品过帐到服务器的呼叫中? 我应该在操作实现中(即在更新商店的商
..
Angular-在编辑时填充表单数组输入
我有一个数量字段和一个“添加"按钮.单击按钮后，将添加数量的新字段以及“删除"按钮以将其删除. 我已经使用了Form数组 我的代码如下
..
API请求返回尝试从Angular前端访问NestJS后端的错误
对我的NestJS应用进行API调用时，出现以下错误. core.js:6185错误HttpErrorResponse {headers:HttpHeaders，status:0，statusText:"Unknown Error"，url:" https://localhost:3333/api/product-index “，确定:false，...} 和 获取 https:
..