NgRx为Angular提供了一组反应库
Angular 单元测试 - 无法读取未定义的属性(读取“大小”)NgRx
我收到关于我的规范文件单元测试的错误,但没有成功解决,当我在 karma chrome 上运行 npm test 时显示错误: 在此处输入图像描述 agent.service.spec.ts: 进口{
Cypress - 以编程方式操作 Angular/NGRX 应用程序
您如何以编程方式与 Cypress 的 Angular/NGRX 交互? cypress 文档似乎仅指 React:https://www.cypress.io/blog/2018/11/14/testing-redux-store/ // 当 ...
我有以下选择器,我希望它返回排序和过滤列表。 导出常量 selectSortedAndFilteredDataServices = ( 选择属性:选择属性, ): 记忆选择器 我有以下选择器,我希望它返回排序和过滤列表。 export const selectSortedAndFilteredDataServices = ( selectProperties: SelectProperties, ): MemoizedSelector<AppState, DataService[], DefaultProjectorFn<DataService[]>> => createSelector( selectDataServices, selectSortedDataServices(selectProperties.sort), selectFilteredDataServices(selectProperties.filter), (state: DataServiceState) => state.dataServices, ); 我希望 selectSortedDataServices 选择器将其结果传递给下一个选择器,但是在每一步中,子选择器都在对原始列表进行排序和过滤。 我需要更改什么才能将每个选择器的结果传递给下一个选择器? 这不是 createSelector 函数的工作方式。 伪代码: const mySelector = createSelector( selector1, selector2, selector3, (selector1Result, selector2Result, selector3Result) => //your sort and filter logic 因此,考虑到这一点,您可以构建一个服务来映射和过滤结果,或者您可以组合不同的选择器来拆分您的逻辑: const selectDataServices = createSelector(...) const selectSortedDataServices = (selectProperties: SelectProperties) => createSelector( selectDataServices, (services) => //your sort logic const selectFilteredDataServices = (selectProperties: SelectProperties) => createSelector( selectSortedDataServices, (services) => //your filter logic ) 顺便说一句,我不会使用属性或带有属性的选择器工厂,因为那样你就失去了选择器缓存(记忆)。此时你需要的一切都应该在状态中准备就绪。
我有一个问题是错误消息没有出现在表单字段中。 在 ngOnInit() 中,我们声明此代码用于删除错误消息,此代码只需将鼠标悬停在 ...
我得到这样的状态 Observable: 这里最重要的是这一行:map((action: any) => JSON.stringify(action)), 动作:any 只是包含所有 ngrx 存储属性的对象,...
在一些软件包版本的支持生命周期结束时需要一些帮助。以下是带有版本的软件包列表。 1.stylelint(v13.12.0,v14.15.0) 2.jasmine-spec-reporter(v...
如何从 nx 工作区项目库中删除未使用的代码(大多数库都在 Angular - typescript 中)?
我们已经设置了 eslint 规则(no-unused-vars)来检测未使用的变量和未使用的导入。 我们苦苦寻找的是未使用的组件、状态管理代码、css 样式和未使用的
我正面临一个我无法解决的有线问题 实际上我有以下内容: getProduct$ = createEffect(() => 这个.actions$.pipe( 类型(ACTIONS.getProduct), mergeMap(({ id ...
我用的是ngrx。我想显示文件上传进度。 目前我有文件正在上传,但是没有显示上传进度。 我也收到一个错误: 错误:效果“FileEffects.
知道这个项目是从源代码控制中提取的,在角度项目中不会触发操作,那里一切都在 100%,但是当尝试开发新功能时,操作不是三...
在我的项目中,我有一个惰性模块,我想在子模块下创建 NGRX 存储文件夹。那么,在...下创建商店以及动作、缩减器和效果的 cli 命令是什么?
Angular 如何为 ChangeDetectionStrategy.OnPush 更新 UI
我有 Angular 写的项目 但是在我的组件中使用 ChangeDetectionStrategy.OnPush 我将 properti 更新为存储中的新值,但 UI 未更新 所以任何人都可以帮我解决这个问题(c ...
'Expect'-使用 jest inside subscriptions 检查未按预期运行
我有这两个测试来测试我的应用程序的初始状态,它们都以类似的方式意外运行: describe('AppComponent', () => { 让组件:AppComponent 让夹具:
如何从后端重新加载数据以更新保存在 ngrx store 中的数据
我有一个效果,在启动应用的时候保存用户的个人资料,但是我需要从后端再次请求它来更新它 loadProfile$ = createEffect(() => 这个.actions$.pipe( 哦...
Angular 模板不渲染属性值,但是 |同一对象上的 json 显示属性具有值
我有一个 Observable 对象,我正在从我的商店中选择一个角度组件。该模板如下所示: {{ 用户 | JSON }} 我有一个 Observable 对象,我在一个角度组件中从我的商店中选择它。模板看起来像这样: <div *ngIf="user$ | async as user"> {{ user | json }} <h1>Welcome, {{ (user.email }}!</h1> <button (click)="onLogout()">Logout</button> </div> 在模板将对象呈现为 json 字符串的位置,我可以看到有一个名为“email”的属性具有一个值。我知道 Observable 流有一个值,因为 *ngIf 正在评估 truthy。有什么想法我可能做错了吗? 有一个错别字-不必要的“(” {{ (user.email }} ---^
Angular 14 如何将 observable<number> 转换为 number
所以在我的组件中我有: 构造函数(私人商店:商店,私人篮子商店:商店<{ basket: Photo[] }>){} 位置$! :可观察; RemoveFromBasket(照片:照片){
Convert Observable from createSelector using ngrx and rxjs (TS2740: Type 'MemoizedSelector error)
所以我从 ngrx 存储中检索数据的传统方法是: public getUser(): Observable { 返回 this.store.select(store => store.users.selectedUser); } 但我正在努力
我有一个 Observable 的名字 changes$,changes$ 因为 observable 有一个属性也是 Observable。这就是我的界面:(changes$ 是一个 CombinedSaveableChanges!) 导出接口 SaveableChang...
我有一个 Observable 名称 changes$,changes$ as observable have ein Property thas 也是一个 Observabl3e。这就是我的界面: 导出接口 SaveableChange { 可比值$:观察...
我有一个NGRX商店是这样的:export interface INavigationSettings { gridLayout: { [Breakpoints.Small]: GridLayout; [Breakpoints.Large]: GridLayout; }; /... } 我有一个...