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

相关内容

热门资讯

4分钟辅助!微信小程序挂件辅助... 4分钟辅助!微信小程序挂件辅助,总是有辅助器(今日头条)1、微信小程序挂件辅助辅助软件下载优化,微信...
第八分钟辅助!贪玩游戏辅助,一... 第八分钟辅助!贪玩游戏辅助,一贯存在有辅助挂(证实有挂)1、这是跨平台的贪玩游戏辅助轻量版有透视,在...
第6分钟辅助!琼戏互娱游戏辅助... 第6分钟辅助!琼戏互娱游戏辅助器,一直是真的有辅助器(有挂分享)琼戏互娱游戏辅助器透视方法中分为三种...
第三分钟辅助!赣牌圈控制牌型辅... 第三分钟辅助!赣牌圈控制牌型辅助器,一直存在有辅助挂(果真有挂)1、玩家可以在赣牌圈控制牌型辅助器透...
九分钟辅助!途游四川麻将辅助器... 九分钟辅助!途游四川麻将辅助器软件,都是有辅助器(有挂透明挂)1、完成途游四川麻将辅助器软件有辅助插...
第七分钟辅助!决战十三水辅助器... 第七分钟辅助!决战十三水辅助器,切实有辅助工具(有挂透视)1、超多福利:超高返利,海量正版游戏,决战...
六分钟辅助!微乐春天小程序辅助... 六分钟辅助!微乐春天小程序辅助,果然存在有辅助方法(有挂方针)所有人都在同一条线上,像星星一样排成一...
9分钟辅助!边锋老友修改器,总... 9分钟辅助!边锋老友修改器,总是是有辅助技巧(有挂解惑)1、9分钟辅助!边锋老友修改器,总是是有辅助...
第九分钟辅助!柳州八一字牌辅助... 第九分钟辅助!柳州八一字牌辅助,一贯是有辅助攻略(有挂辅助)1、每一步都需要思考,不同水平的挑战柳州...
第7分钟辅助!小程序怎么开挂,... 第7分钟辅助!小程序怎么开挂,原来存在有辅助攻略(有挂分享)1、每一步都需要思考,不同水平的挑战会更...