AngularNgRx组件存储.switchMap首先发出旧值
创始人
2024-10-28 18:00:41
0

该问题的解决方法是使用exhaustMap替代switchMap。exhaustMap等待前一个内部Observable完成后才会触发下一个内部Observable,并忽略中间的值。这确保了我们始终使用最新的值。

代码示例:

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { exhaustMap, map } from 'rxjs/operators';
import { Store } from '@ngrx/store';
import { AppState } from './app.state';

@Component({
  selector: 'app-root',
  template: `
    

{{ title$ | async }}

`, }) export class AppComponent implements OnInit { title$: Observable; constructor(private store: Store) {} ngOnInit() { this.title$ = this.store.select('title').pipe( exhaustMap((title) => { return this.doSomethingAsync(title); }) ); } doSomethingAsync(value: string): Observable { return of(value).pipe( delay(1000), map((title) => { return `Hello ${title}!`; }) ); } }

相关内容

热门资讯

玩家必看科普!约局吧德州真的存... 此外,数据分析德州(约局吧德州真的存在透视吗)辅助神器app还具备辅助透视行为开挂功能,通过对客户约...
盘点一款!德扑圈透视挂,wep... 此外,数据分析德州(wepoker透视版下载)辅助神器app还具备辅助透视行为开挂功能,通过对客户w...
免费测试版!德普之星辅助器怎么... 1、免费测试版!德普之星辅助器怎么用,约局吧app有挂吗,科技教程(有挂辅助)(UU poker、德...
玩家必备教程!pokermas... 玩家必备教程!pokermaster辅助器,德州透视是真的假的,技巧教程(有挂透视)1、很好的工具软...
重大通报!pokemmo手机脚... 重大通报!pokemmo手机脚本,newpoker脚本,新2025版(有挂攻略);实战中需综合运用上...
分享个大家!wepoker有透... 分享个大家!wepoker有透视吗,竞技联盟透视,力荐教程(有挂神器);小薇(透视辅助)致您一封信;...
记者发布!德州真人透视脚本,w... 记者发布!德州真人透视脚本,wepoker私人辅助器,插件教程(有挂技巧);致您一封信;亲爱德州真人...
玩家必备教程!哈糖大菠萝有没有... 玩家必备教程!哈糖大菠萝有没有挂,aapoker透视方法,解密教程(有挂技巧);人气非常高,ai更新...
总算了解!竞技联盟透视插件,w... 此外,数据分析德州(wepoker怎么提高运气)辅助神器app还具备辅助透视行为开挂功能,通过对客户...
推荐几款新版!哈糖大菠萝可以开... 推荐几款新版!哈糖大菠萝可以开挂吗,约局吧是否有挂,必胜教程(有挂神器);支持多人共享记分板与复盘,...