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

相关内容

热门资讯

科技通报!雀神挂件价格骗局,e... 科技通报!雀神挂件价格骗局,epoker透视,大神讲解(果真有挂);1、很好的雀神挂件价格骗局工具软...
重大发现!小程序游戏赴沪期,h... 重大发现!小程序游戏赴沪期,hhpoker辅助软件下载,新2025教程(新版有挂)是一款可以让一直输...
重大来袭!开心赢三张自建房有挂... 重大来袭!开心赢三张自建房有挂吗,wpk辅助,2025新版技巧(真实有挂)是一款可以让一直输的玩家,...
今日重大通报!三哥玩app辅助... 今日重大通报!三哥玩app辅助,哈糖大菠萝辅助器,2025新版总结(详细教程);亲真的是有正版授权,...
终于清楚!湖南牵手胡子跑辅助,... 终于清楚!湖南牵手胡子跑辅助,德州透视竞技联盟,2025新版教程(有挂细节);湖南牵手胡子跑辅助简单...
一分钟了解!川娱竞技血战辅助器... 您好,川娱竞技血战辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
科技介绍!闲聚鱼虾蟹软件脚本,... 科技介绍!闲聚鱼虾蟹软件脚本,聚星ai辅助工具下载,新版2025教程(有挂方略)相信很多朋友都在电脑...
实测发现!微乐江苏小程序游戏破... 实测发现!微乐江苏小程序游戏破解器下载,hhpoker免费辅助器,曝光教程(讲解有挂);1、每日挑战...
揭秘攻略!雀友圈斗地主有挂,w... 您好:雀友圈斗地主有挂这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
重磅来袭!微信小程序辅助器脚本... 重磅来袭!微信小程序辅助器脚本,wepoker辅助器,必赢方法(今日头条);微信小程序辅助器脚本软件...