ngrx-effects相关内容

角度NgRx效果,如何传递参数?

我正在尝试将调度中的id参数发送到大意,但在Google中找不到这种情况的任何示例。 以下是我已经拥有的代码: 组件: ngOnInit(): void { this.packageClass = `type-${this.package.packageType.toLowerCase()}`; // I set the payload to the action ..
发布时间:2022-04-12 23:59:11 其他开发

错误后 rx 损坏时可观察到

我正在尝试使用 ngrx store + ng 效果为我的应用编写登录流程.我设法编写了它并且它在快乐的场景中工作,但是当用户向表单输入错误的值时,服务器以 401 响应,下一次登录尝试无效.我已经读到,在使用 observable 时必须捕获异常,以免“破坏"流,但据我所知,我捕获了异常并且现在仍在工作. 在代码下方; 导出类 LoginComponent {记录 = 新的 Observ ..
发布时间:2022-01-01 22:40:20 前端开发

将 API 函数包装在 RxJs Observable 中

我是 RxJs 的新手,我有一个用于地理编码的 API,它提供了如下功能: simpleGeocode(options)* where options = { address: {addr: ... }, 成功:Function,失败:Function}.成功函数返回地理编码的 LatLon 对象. 我在带有 NGRX 效果的 Angular 应用程序中使用它,所以我希望将它作为 Observ ..
发布时间:2022-01-01 22:39:05 其他开发

何时在 angular2 中使用 ngrx/effect

我有一个与 api 通信的 anuglar2 项目.最近决定集成ngrx/store来维护组件状态,遵循dump-smart组件架构.但是在继续前进的过程中,我阅读了可用于 api 请求的 ngrx/effect. 这里我的问题来了,为什么我应该使用 ngrx/effect 库,而不仅仅是从我的容器组件调用我的服务中的相应函数来执行 api 请求,并在成功调度操作以将返回的值保存在我的商店中 ..
发布时间:2021-11-10 03:34:13 其他开发

NgRX 下载媒体文件和调度进度的效果;如何处理流和节流

我在理解和应用 @Effects 为我的剧集下载选项方面有点挣扎.我在另一个问题上得到了一些帮助,这是我最新的混合物. 快速概览:用户点击下载,分派一个 DOWNLOAD_EPISODE 动作,该动作在第一个 Effect 中捕获.下载调用返回一个 HttpEvents 流和一个最终的 HttpResponse. 在event.type === 3 期间,我想报告下载进度.当 even ..
发布时间:2021-11-08 23:10:13 其他开发

在可管道化 rxjs 运算符的组合管道中捕获错误

我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT ..
发布时间:2021-11-08 22:37:25 其他开发

在页面刷新中:ngrx store dispatch issue with guard canactivate

我没有登录页面,这是 sso 调用 在应用程序组件中,我已经调度了一个动作来加载服务器端令牌调用并获取令牌,并根据用户角色我可以在路由中激活守卫.如果守卫激活返回true,我会去仪表板页面. 在dashboard页面中,我在浏览器URL中刷新,可以在登录动作效果之前激活执行,因此可以激活返回false并且页面显示为空白. 仪表盘里有子路由,也有一些子链接,比如产品仪表板/产品,也 ..

defer() 不再允许 observable 返回类型

今天我从 angular 6 升级到了 7 与此同时,我不得不将 rxjs 从 6.1.0 升级到 6.3.3,将 typescript 从 2.7.2 升级到 3.1.1 现在这个 ngrx 效果方法抛出了一个打字稿错误: @Effect()init$ = defer(() => {const userData = localStorage.getItem('user');返回( ..
发布时间:2021-07-14 19:03:38 其他开发

在可管道化 rxjs 运算符的组合管道中捕获错误

我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT ..
发布时间:2021-06-07 20:28:15 其他开发