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}!`; }) ); } }

相关内容

热门资讯

透视代打!wpk透视脚本链接,... 透视代打!wpk透视脚本链接,心悦填大坑辅助器下载,插件教程(有挂软件);小薇(透视辅助)致您一封信...
一分钟揭秘!德州ai人工智能软... 一分钟揭秘!德州ai人工智能软件下载,wepoke的确有挂,扑克教程(总是真的有挂)1)德州ai人工...
透视肯定!aapoker可以开... 透视肯定!aapoker可以开挂吗,安卓闲逸辅助,第三方教程(有挂教程)科技教程也叫必备教程,这是一...
揭秘几款!fishpoker正... 揭秘几款!fishpoker正规吗,德州微扑克辅助,系统教程(从来是真的有挂);人气非常高,ai更新...
辅助透视!智星德州有脚本吗,吉... 1、辅助透视!智星德州有脚本吗,吉祥填大坑攻略,靠谱教程(有挂透视)。2、吉祥填大坑攻略透视辅助简单...
教程攻略!微扑克辅助软件下载,... 教程攻略!微扑克辅助软件下载,wepoke辅助技巧,安装教程(总是真的是有挂)是一款可以让一直输的玩...
透视软件!wpk辅助软件多少钱... 透视软件!wpk辅助软件多少钱一个,哥哥打大a辅助,力荐教程(有挂辅助)科技教程也叫必备教程,这是一...
专家专科!gg扑克平台发牌机制... 专家专科!gg扑克平台发牌机制,wepoke辅助有挂,普及教程(一贯是有挂)1、许多玩家不知道wep...
透视透视挂!wpk脚本是什么,... 透视透视挂!wpk脚本是什么,0759湛江吴川三脚鸡辅助,新2025教程(有挂软件);1分钟了解详细...
今日头条!德州微扑克辅助,wp... 自定义德州微扑克辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你...