使用相同选择器性能的Ngxs
Ngxs是一个基于Redux架构的状态管理库，用于Angular应用程序的状态管理。它提供了一个可预测的状态管理机制，帮助开发者更好地组织和维护应用程序的状态。
Ngxs的特点和优势包括：
- 简化的开发流程：Ngxs提供了一种简单和一致的方法来处理应用程序的状态。通过使用单一状态树，开发者可以更好地理解和跟踪应用程序的状态变化。
- 强大的工具集：Ngxs提供了丰富的工具和插件，以支持开发者在状态管理过程中的各种需求。例如，可以使用DevTools插件来跟踪状态的变化，或者使用Logger插件来记录状态的变更历史。
- 与Angular无缝集成：作为一个专为Angular设计的状态管理库，Ngxs与Angular框架完美集成。开发者可以使用Angular的装饰器和依赖注入等特性来简化状态管理的代码编写过程。
- 高性能和可扩展性：Ngxs通过采用选择器的方式来选择状态，可以保证在大规模数据下的高性能。同时，由于其基于Redux的架构，Ngxs还具备良好的可扩展性，可以方便地进行功能扩展和自定义。
Ngxs在以下场景下特别适用：
- 大型复杂应用程序：对于具有复杂状态管理需求的大型应用程序，Ngxs提供了一种可靠的状态管理方案，有助于更好地组织和维护应用程序的状态。
- 多人协作开发：由于Ngxs的状态管理机制可预测且一致，可以减少不同开发者之间的状态管理冲突，从而更好地支持多人协作开发。
- 需要时间旅行调试：使用Ngxs的DevTools插件，可以轻松进行时间旅行调试，查看状态在不同时间点的变化，方便排查问题和调试代码。
对于使用Ngxs进行状态管理，可以推荐腾讯云的云函数SCF（Serverless Cloud Function）产品。云函数SCF是一种事件驱动、按需计算的Serverless服务，可以帮助开发者快速搭建和部署Ngxs应用程序。通过使用云函数SCF，开发者可以将Ngxs应用程序部署到云端，获得高度可伸缩和弹性的计算能力，更好地应对应用程序的高并发和大流量需求。
腾讯云云函数SCF产品介绍和相关链接：
- 产品介绍：https://cloud.tencent.com/product/scf
- 产品文档：https://cloud.tencent.com/document/product/583
- 快速入门指南：https://cloud.tencent.com/document/product/583/18547
相关·内容
1回答
我将Angular与容器/表示模式和Ngxs一起使用。我的问题如下： 我有一个容器组件嵌套在其他容器组件中，这两个组件调用相同的@Select @Select(State.exaple) example$: Observable<boolean>; 我不能将我的问题是:我应该使用@Select两次还是使用共享服务？ 如果性能相同或影响最小，我会更喜欢使用double @Sele
浏览 9提问于2021-05-11得票数 0
回答已采纳
我正在尝试创建一个NgXs ，但是当选择器被使用时，我会得到运行时的错误： at my-state.state.ts:56 at memoized (ngxs-store-internals.js:58)
atmemoized (ngxs-
浏览 3提问于2019-11-15得票数 1
回答已采纳
实时演示https://stackblitz.com/edit/angular-vw78jf 我的ngxs状态下有ToppingsStateModel export interface ToppingsStateModel在products.component中，我从选择器获取配料列表 export class ToppingsState { }
} 当我分派VisualizeToppings操作时，我得到了新
浏览 11提问于2019-02-22得票数 6
回答已采纳
1回答
将服务注入角的静态方法中
、、、
我使用NGXS进行状态管理，而NGXS中的选择器是静态方法。我现在无法在静态选择器中使用通过角DI注入的记录器服务。
在选择器中是否有一种干净而又好的使用服务的方法？
浏览 2提问于2020-04-05得票数 0
我在使用ngxs的国家管理。我是否需要从选择器中取消订阅，还是由ngxs处理？
@Select(list)list$!
浏览 0提问于2019-06-11得票数 13
回答已采纳
3回答
我想在我的Angular 6应用程序中使用ngxs进行状态管理。我找不到任何关于ngrx和ngxs性能差异的文章。谁能提供一些关于它的信息？性能指标:从商店获取大量项目，然后写回商店。
浏览 3提问于2018-06-06得票数 30
回答已采纳
1回答
我刚接触NGXS，找不到我的问题的答案。 是否有可能在NGXS中强类型选择器，以便intellisense在Visual Studio代码中工作，并且可以在编译时捕获错误？
浏览 17提问于2020-09-02得票数 0
回答已采纳
在我的NGXS存储中，我有以下异步选择器static async mainState(store: IMyStore): Promise<IMyState> {}@Select(MyStore.mainState) state$: Observable<IMyState>;this.state$.subscribe(s => {
s.subscribe(s
浏览 1提问于2021-09-03得票数 1
回答已采纳
1回答
我查看NGXS官方页面上的文档： export class CityService { return [ ...themeParks } }
如何正确地使用这个选择器我用的是NGXS最新版
浏览 0提问于2018-10-12得票数 1
回答已采纳
1回答
我有一个关于NGXS和回忆录@Selector()在状态类层次结构中的使用的问题。 }
}
当让这段代码运行时，它会打印出undefined，因为dataSelect(...)方法的state我跟踪原因是BaseState不是NGXS，因
浏览 2提问于2018-09-13得票数 3
回答已采纳
我在状态模型中有两个属性，我需要在每个属性上分别有一个事件，但是当这两个属性同时更改时，我会收到两个事件，而我只需要一个类似ngxsOnChanges的事件
浏览 15提问于2021-08-08得票数 1
1回答
我有以下选择器 return createSelector([OrderState], (state:OrderStateModel) => {...}现在我有了另一个处于不同状态的选择器。createSelector([DashboardState.settings], (dashboardSettings: DashboardSetting[]) => {...}现在，我希望结合这两个选择器来创建
浏览 7提问于2022-10-06得票数 0
2回答
我在我的Angular 8应用中使用了NGXS。目前，所有操作处理程序(带有@Action装饰器的函数)都是在state.ts中实现的，这使得文件太长而无法读取。我设法使用@Selector([StateName])语法在一个不同的文件中分离了选择器。但我不能用@Actions解决这个问题。理想情况下，我可以将20个左右的操作移动到5个不同的文件中。如何使用NGXS来实现这一点？
浏览 10提问于2019-09-17得票数 2
1回答
在角度上，我对类似于redux的模式印象深刻，我喜欢NGXS (我将它与NGRX和秋田进行了比较，但选择了NGXS)。我知道NGXS在应用程序中存储了所有以前的状态，所以如果我有一个非常复杂的UI，有大量的网格操作等等--在每一个动作上都添加了一个新的状态，那么全局状态对象会不会变得“非常大”，并且与以前状态的整个层次结构一起变得笨重随着应用程序变得复杂和复杂，这是否存在性能问题？
浏览 2提问于2018-10-23得票数 3
回答已采纳
1回答
我简化了我遇到的问题。 https://stackblitz.com/edit/ngxs-repro-eymfpn 我在ngxs状态下的对象属性上做了一个选择。(将选择器设置为数据对象，将使其工作) 这怎么可能呢？
浏览 17提问于2020-01-09得票数 0
安装ngxs/devtools-plugin后，我得到了错误，我不知道为什么它会发生。I使用angular 11
core.js:2124 Uncaught Error: Type LifecycleStateManager does not have 'ɵmod' property.
浏览 4提问于2021-03-20得票数 1
1回答
我想知道是否有可能将@Selectors和/或@Action处理程序从@State类抽象到单独的文件中？随着状态越来越大，选择器变得更加复杂，我希望将它们移到一个单独的文件中，以保持状态类的清洁。在NGXS中有什么办法可以做到吗？
编辑：为了将来的参考，我在NGXS松弛通道上得到了一个答案，这确实是可能的。我们可以创建一个单独的选择器类，在其中存储所有选择器，将感兴趣的状
浏览 1提问于2018-08-27得票数 9
回答已采纳
1回答
我正在使用NGXS进行状态管理，它非常简洁和实用。我有多个商店，几乎每个模块在我的角度应用程序。//here instead
浏览 6提问于2022-08-22得票数 1
回答已采纳
1回答
在这样的组件中有多个@Selects：@Select(QuestionState.SingleQuestion;现在，我希望为所有这些变量获取ngOnInit()中的值，并将它们赋值给一些可以在模板中使用的变量。我不想使用异步直接<em
浏览 2提问于2019-07-24得票数 3
回答已采纳
我有一个包含多个步骤的用户配置文件表单，即向导。在提交/保存时，必须将整个用户配置文件表单提交给我使用NGXS和NGXS表单的API。目前，我已经将UI实现为单个角响应形式和单个状态属性form，模型是API所期望的类型。每个步骤都有一个组件，但它们都使用相同的form。但是，我不能将它们全部绑定到相同的状态属性form，因为在每个步骤中，我只有一个属性子集。
因此，我现在的</e
浏览 3提问于2022-03-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
