ngrx-store相关内容
用户尝试解决有关该帖子的问题后: Ngrx存储github 可以帮助我解决多个输入/输出事件. 就在我的构造函数之后,我出现了一个错误: 计数器不可分配给(状态:Appstate)=>类型的参数布尔值: child.ts : import {组件,输入,输出,EventEmitter}从'@ angular/core';从"../user3.service"导入{UserSe
..
我有页面组件,在其中显示了 ngrx/store 中的一些数据: //profile.ts用户$:用户= this.store.select('用户') //profile.html...
{{user.id}}
{{user.email}} 这有效,但是我不
..
我希望customer类中的cars对象为空而不是未定义,因为我有选择器来选择cars对象,并且希望它返回空而不是未定义. 这是我的初始状态. export const initialState:CustomerState = {客户:新的Customer(),};出口级客户{身份证号;年龄:数字;汽车:carClass;phoneNumbers:字符串[];}出口舱carClass {
..
我们有以下路由方案: export const ROUTES:路线= [{路径:“:userId",组件:fromContainers.OrganizationComponent,canActivate:[],孩子们: [{path:",pathMatch:'full',redirectTo:'posts'},{路径:“帖子",loadChildren:"./views/posts/posts
..
我需要输入2个输入值,这些输入值通过表单显示兆字节(used_space和剩余空间)的存储空间使用情况,并显示ngrx/Store中输入的值.每次提交表单时,都会显示新值并更新旧值.问题在于,UI始终显示默认值(used_space和remaining_space),并且由于我是ngrx/store的新手,所以我不知道自己的体系结构是否正确. 模型(usage.model.ts): 导出接
..
我目前有一个容器(有状态)组件,该组件根据 ngOnInit中的路由参数(id)调度 select 和 get 操作方法.这些操作的目的是在我的商店中保存数据和选定的ID. 我很好奇,在解析器中分派这些操作是否正确? 感谢您的答复. 我的组件: @Component({选择器:“应用程序容器",templateUrl:"./container.component.html",
..
执行此操作订阅时,类型'Action 上不存在旧的和错误的属性'payload': 由于是创建操作,因此我需要有效负载来检出最近创建的用户的 userId 并导航至/users/userId 顺便说一句:我正在关注这真的很好的教程 @Component({选择器:"app-sample",templateUrl:'sample.html',})导出类AppComponent {su
..
我们刚刚将其中一个应用程序升级到Angular 5,并开始过渡到可操作运算符(在rxjs v5.5中引入). 因此,我们使用 .pipe()运算符将可观察的管道重写为新语法. 我们以前的代码看起来像这样,在 .switchMap()内有一个 .catch(),以便在抛出错误时不会中断效果的运行 @Effect()loadData $ = this.actions $.ofType(
..
下面是我的Angular 5应用程序的简化版本.我有一个reducer,我想在我的根模块中注册它.在 LINE A 中,我收到以下错误消息: src/app/store/app.reducers.ts(7,14)中的 ERROR:error TS2322:Type'{post:(state:State,action:Action)=>空白;}"不能分配给"ActionReducerMap
..
我正在尝试在我的单元测试中模拟一个选择器,如下所示: describe('Device List Component', () => { let component: ListComponent; let fixture: ComponentFixture; let deviceServiceMock: any; let mockStore: M
..
我正在研究一个将状态树的一部分转换为视图模型的ngrx选择器.举一个简单的例子,在我的状态树中,我有一个manager数组.因此,我对状态树进行了以下设置,并查看了模型- export interface Manager { id: string, name: string } export interface AppState { managers: Manage
..
我最近正在使用@ ngrx/store学习Angular 6,而本教程之一是使用@ ngrx/store进行状态管理,但是我不了解在后台使用@ ngrx/store的好处 . 例如,对于简单的登录和注册操作,以前通过使用服务(我们称它为AuthService),我们可能会使用它来调用后端api,存储"userInfo"或"token"在AuthService中,将用户重定向到"HOME"页面,
..
我正在使用新的ngrx5.这是包含reducers和featureSelector的文件: import AppState from '../interfaces/app.state' import { ActionReducerMap, createFeatureSelector } from '@ngrx/store' import { partnerReducer } from './
..
注意:为简单起见,请考虑以下组件的深度: - Smart (grand)parent level 0 - dumb child level 1 .... - dumb grandchild level 2 ....) 关于智能/大/父/子组件如何通信以及在多级(至少3个级别)链上下传递数据的方式有多种选择和条件.我们希望将“智能"(宏)父组件保留为唯一有权访
..
我有一个组件,可以通过订阅商店获取其数据. this.store.select('somedata').subscribe((state: any) => { this.somedata = state.data; }); 在组件不再可用时,我想取消订阅此订阅,在其他我可以观察到的地方,像这样: this.service.data.subscribe( (result:
..
如何在ngrx/effects中做类似的事情: // I want to handle a sign up effect return this.actions$.ofType(user.SIGN_UP_SUCCESS) .map((action: user.SignUpSuccessAction) => action.payload) .mergeMap(() => {
..
在我的Angular应用程序中,我有一个函数replaces替换Store所使用的当前reducer.但是,从@ ngrx/store v2.2.2升级到v6.1.0后,"replaceReducer"功能似乎已从Store界面中删除. 我已经阅读了NGRX迁移指南( https://github .com/ngrx/platform/blob/master/MIGRATION.md )希望
..
给出一个看起来像这样的模板 和一个看起来像这样的可观察对象: someColdObservable$: this.store.pipe( select(
..
我是使用redux模式的新手,并且刚刚开始使用ngrx.太棒了,我想尽可能多地使用它,但是我对Store概念有一些疑问. 我将尝试通过一些示例来描述问题,并在本文结尾处提出我的问题. 让我们从AppState界面和reducers入手: export interface AppState{ people: Person[], events: Event[] } //
..
我正在尝试将现有应用程序从ngrx v2迁移到v4,并且在/actions/action-with-payload.ts-迁移的解决方法 import { Action } from '@ngrx/store'; export class ActionWithPayload implements Action { type: string; payload?: any; }
..