-
2 votesanswersviews
Angular NGRX / Observables和Reactive Forms
目前我有一个项目使用NGRX作为其商店和反应形式 . 在我的应用程序中,我想将我的状态中的活动项映射到被动表单 . 所以在我的组件中我有类似的东西: export class MyComponent { active$: Observable<any>; form = this.fb.group({ name: ['', [Validators.re... -
3 votesanswersviews
Angular Dynamic表单可观察的属性绑定
我有一些动态生成的表单和传递值的问题 . 我觉得有人必须解决这个问题,或者我错过了一些明显的东西,但我找不到任何提及它的东西 . 例如,我有三个组成部分,父母,孩子,然后是孩子的孩子 . 对于名称,我将使用,formComponent,questionComponent,textBoxComponent . 两个孩子都在使用changeDetection.OnPush . 因此,表单组件通过输入将... -
2 votesanswersviews
Rxjs解析可观察和合并结果的数组
我订阅了一个可观察数组的问题 . 在我的例子中,我有一个ID数组,我需要从我的状态获取所有ID,将所有结果合并到一个observable中并订阅该observable . 我需要我的订阅者最终会获得一系列已解析的observable . 此外,我需要保持此订阅打开,所以如果我的一个内部可观察的更改我的订阅者将通过它通知 . 这是我的代码: getTransactionsByIDs(transact... -
0 votesanswersviews
Angular Material&NGRX:输入更改时,mat-expansion-panels关闭
我正在使用NGRX和Angular Material Components为UI工作Angular App . 一个组件使用mat-accordion来显示扩展面板列表 . 这些扩展面板包含处理这些信息的信息和方法 . 操作信息时,会将事件发送到根组件,并将操作分派给存储,从而修改状态 . 当商店通过选择器触发这些更改时,订阅商店的根组件会将更改传递给包含mat-accordion的组件以及mat... -
1 votesanswersviews
如何在URL的查询参数更改时调度NGRX操作?
当URL的查询参数更改时,您将如何调度ngrx操作?我有一个带参数的URL(例如http://myapp.my/documents?startdate=2015-04-04&enddate=2015-06-06),当用户单击后退(前进)浏览器按钮时,angular将导航到可能具有不同搜索参数的上一个(下一个)URL . 所以我需要发送一个"load documents"... -
3 votesanswersviews
如何将数据从父路由传递到ngrx Angular2中的子路由
我正在使用@ngrx路由器,其中一条路由有一些子路由器(基本上传递路由参数)如下: { path: '/browse', component: BrowseComponent, children: [ { path: ':category', component: CategoryComponent } ] } category 参数可以具有诸如“ free "... -
1 votesanswersviews
rxjs map运算符在switchMap之后没有在管道中触发
当谈到rxjs时我觉得自己非常精明,但我无法弄清楚我做错了什么 . 我正在尝试通过将用户登录转换为效果来学习ngrx . 我的效果是正确触发,并从我的服务器返回正确的令牌响应(通过登录控制台验证),但 Map 操作员永远不会在我的效果中被触发 . 这是我的效果代码: @Injectable() export class UserEffects { constructor( private... -
2 votesanswersviews
商店没有提供商!在injectionError时出错
app.component.html <page-router-outlet></page-router-outlet> app.component.ts import 'rxjs/add/operator/let'; import { Component, ViewEncapsulation } from '@angular/core'; import { Echoes... -
9 votesanswersviews
如何使用角度路由器防护装置附加ngrx / store
我是ngrx / store的初学者,这是我使用它的第一个项目 . 我已经使用ngrx / store成功设置了我的角度项目,并且我可以在初始化主要组件后调度一个加载操作,如下所示: ngOnInit() { this.store.dispatch({type: LOAD_STATISTICS}); } 我已设置一个效果,以便在调度此操作时加载数据: @Effect() loadStatistik... -
2 votesanswersviews
角度路由器防护和ROUTER_NAVIGATION效果顺序
有一个简单的(Angular 4)路由保护,它等待从后端加载一些数据: @Injectable() export class ContractsLoadedGuard implements CanActivate { constructor(private store: Store<State>) { } waitForData(): Observable<bo... -
0 votesanswersviews
Angular ngrx:异步canActive Guard必须从其他地方取消
正如 Headers 所说:有没有办法告诉路由器取消其当前导航? 情况如下: 路线保卫派遣行动 . 效果根据该操作执行异步调用 . 完成后,异步调用将在属性上调度存储更新操作 . 守卫订阅了该 property 的选择者(比如"property$") 一旦该属性$更新,警卫决定是否允许导航 . 此方法仅在效果的异步操作请求的资源正确返回时才起作用(HTT... -
0 votesanswersviews
Angular redux @effect:重新启动有效负载时出错
我使用ngrx / @效果来检索有效负载时遇到一些问题 //DELETE TASK @Effect({ dispatch: false }) deleteTasks$: Observable<Task> = this.actions.ofType(fromActions.DELETE_TASK) .map((action: fromActions.DeleteTaskAct... -
0 votesanswersviews
尝试在nativescript-angular移动应用程序中使用ngrx-store-localstorage导致'localStorage is not defined'
ReferenceError:localStorage未定义文件:“finle:///data/data/org.nativescript/dist/index.js.line 104,column:40 StackTrace:Frame:function:'exports.localStorageSync',file:' file:///data/data/org.nativescript.M... -
1 votesanswersviews
使用@Input和router-outlet的Angular2 . 处理ngrx / store中的路由哑组件
所以,我有一个容器组件“ Profile " that has a navigation inside - switching tabs like " Info ", " Favourites ", " PublishedArticles ” . 我正在加载那些带有路由器插座和子路径的选项卡“ /info ", &... -
3 votesanswersviews
使用ChangeDetectionStrategy.OnPush和异步管道的Angular 2 Observable不起作用
我正在使用一个observable将一个列表从服务返回到我的组件,在我的组件中我使用的是ChangeDetectionStrategy.OnPush,在模板中我使用异步管道,希望这会带来一些性能上的好处,因为不会一直执行Change Detection但只有当新内容可用时 . 以下是我的服务: import { Injectable, Inject, EventEmitter } from '@a... -
1 votesanswersviews
更改检测无法正常工作
我正在使用angular4,这是我的模板 <span>My ID:{{ peerId$ | async }}</span> <span>My ID:{{ peerId }}</span> 这是组件代码 export class AppComponent implements OnInit { peerId: string = 'Guy'... -
0 votesanswersviews
patchValue无法在FormArray上运行
每当控件的值发生任何变化时,我都会在ngrx存储中存储FormArray值 . Form Array有47个表单组,每个表单组都有一个表单控件 . 我有一个父FormGroup,它有10个Form Arrays,用于10个不同的数据集 . 这10个表单数组可以有不同数量的FormGroup和一个表单控件 . 我注意到的是当我更改控件的值时 . 我可以在valueChange事件处理程序中看到它发生... -
4 votesanswersviews
Angular 2异步管道不会使用Observable呈现新值
我在我的应用程序中使用NgRx Store . Home.html <list-objects [array]="array| async" (Edit)="Edit($event)" (Delete)="Delete($event)" ></list-objects> Ho... -
2 votesanswersviews
角度4变量第一次不更新
这是我面临的问题 . 我在一个分配给指令的组件中有一个变量 . 我正在使用ngrx来发送和触发事件 . 所以问题是变量第一次没有更新 . 之后没有问题 . 我有一个谷歌 Map 和图标,点击任何图标,它使用id和 Map 边界调用服务器,然后与返回的数据一起调度一个动作 . private getFromServer(id, bound_corners){ let params = { b... -
0 votesanswersviews
如何比较Observables:NGRX和使用Observable的Observables进行有效的Angular 4渲染
OVERVIEW 遵循容器 - >组件模式并使用ngrx集中我们的应用程序状态 . 应用程序结构如下: Container Child_Comp_1 Child_Comp_2 Child_Comp_3 最初,在Container处订阅了一个可观察的数据,然后将相关数据作为输入传递给子组件 . 如 Observable< { data, ... -
0 votesanswersviews
最新版本的ngrx错误处理无法正常工作
我正在使用最新版本的ngrx,如何捕获效果中的API错误 . 我尝试了所有教程和各种示例,但似乎没有一个适合我 . 这是到目前为止我正在做的演示的链接:https://stackblitz.com/edit/angular-cru1he 期望:如果api调用失败,我想捕获API错误并触发操作 . -
-2 votesanswersviews
NGRX - 如何从reducer抛出异常中恢复?
如果我将一个动作发送到商店并且其中一个reducers抛出一个异常,那么商店就会停止工作 . 怎么避免这个? 我正在使用Angular 6和NGRX 6 . -
0 votesanswersviews
在Angular 7中取消订阅Observable的简单方法
我有一个实现,当使用 takeUntil 销毁组件时,它会自动取消订阅Observables . 但是在许多组件中实现相同的代码很烦人 . I want to know if this could be simplified (我不能使用 async 管道,因为我需要在Typescript组件中发出的值) 这是我目前的实施: export class Component implements On... -
0 votesanswersviews
Angular4 / ngRx:在ngRx存储中保持身份验证状态是个好主意吗?
在我的应用程序中,我想知道是否可以使用ngRx存储来保留JWT令牌(身份验证令牌)? 我知道,一旦浏览器刷新,商店将被重置,但我可以通过将应用程序状态保持在本地存储中来解决此问题 . 我想要找出的(并且没有找到任何结果)是ngRx商店如何为多个用户行事?他们每个人都会自己开店吗?或者他们会使用常见的应用程序级商店吗如果是后者,那么在ngRx存储中保持auth状态将是一个非常糟糕的设计 . PS: ... -
0 votesanswersviews
使用CanActivate guard中的store.dispatch
在我的示例Angular 2应用程序中,我使用ngrx / store来实现redux设计模式 . 我在我的应用程序中实现了CanActivate guard,下面是相关代码 canActivate(route: ActivatedRouteSnapshot, router: RouterStateSnapshot): Observable<boolean> { this.s... -
1 votesanswersviews
ngrx在功能上获得 Value
我不确定这是不是正确的想法,但我刚开始使用ngrx进行项目,现在一切都是可观察的 . 当我在组件视图中使用异步管道时,它运行良好,但是当我需要代码中的商店值时,我感到很困惑 . 我当前的方法是创建一个属性并在ngOnInit中订阅选择器,这样我就可以在函数中使用状态的当前值 . 例如,存储配置选项(Web服务地址),然后在服务中使用它 . @Injectable() export class Ht... -
0 votesanswersviews
组合多个/ redundent ngrx Store select语句
我正在使用ngrx / angular4开发一个应用程序 . 这里开发的设计模式似乎非常冗长,它与您如何订阅Store减速器有关 . 在组件中,以下情况并不罕见: HOFDetails$:Observable<any>; HOFDetails$SUB:ISubscription; HOFMobile$:Observable<any>; HOFMobile$SUB:ISubs... -
21 votesanswersviews
ngrx影响错误处理
我有一个关于@ngrx效果的非常基本的问题:如何忽略在执行效果期间发生的错误,使其不影响将来的效果执行? 我的情况如下:我有一个动作(LOGIN)和一个听取该动作的效果 . 如果在此效果中发生错误,我想忽略它 . 在此错误后第二次调度LOGIN时,应该再次执行该效果 . 我第一次尝试这样做是: @Effect() login$ = this.actions$ .ofType('LOGI... -
4 votesanswersviews
ngrx效果:由其他效果立即处理的一个效果调度的动作是什么?
我有一个带有四个ngrx动作的Angular(2)应用程序: 开始 未由reducer处理(无状态更改) ngrx Effect调用异步任务并映射到SUCCESS或ERROR 成功 由reducer处理 ngrx效果映射到ADVANCE ADVANCE 不由reducer处理 ngrx效果导航到其他路线 错误 由reducer处理 无效果 The... -
5 votesanswersviews
为什么必须ngrx / redux效果返回动作?是否正在使用像榆树这样的不良行为?
我正在使用带有Angular和ngrx / store和ngrx / effects的redux风格的状态管理设计 . 每当我不从效果中返回动作时,我都会收到错误: Cannot read property 'type' of undefined 我研究了这个问题,发现在榆树架构中有一种叫做“noop”的动作,当你不想用你的效果链接另一个动作时,你可以调用任何东西 . 在任何地方召唤这个noop...