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

相关内容

热门资讯

十分钟了解!桂林字牌辅助科技a... 十分钟了解!桂林字牌辅助科技app官方下载安装!本来有辅助工具(有挂猫腻)-哔哩哔哩1、桂林字牌辅助...
第七分钟了解!麻雀智能辅助软件... 第七分钟了解!麻雀智能辅助软件开挂!总是存在有辅助方法(有挂技巧)-哔哩哔哩1、麻雀智能辅助软件开挂...
第六分钟了解!牵手跑的软件!切... 第六分钟了解!牵手跑的软件!切实一直都是有辅助技巧(有挂详情)-哔哩哔哩1、进入到牵手跑的软件是否有...
七分钟了解!雀友会潮汕麻将开挂... 七分钟了解!雀友会潮汕麻将开挂!果然真的有辅助脚本(有挂解惑)-哔哩哔哩在进入雀友会潮汕麻将开挂软件...
第5分钟了解!奇迹脚本辅助器免... 第5分钟了解!奇迹脚本辅助器免费!切实真的有辅助方法(有挂方法)-哔哩哔哩1、首先打开奇迹脚本辅助器...
3分钟了解!四川游戏家园破解版... 3分钟了解!四川游戏家园破解版无限金币!总是真的是有辅助技巧(真的有挂)-哔哩哔哩1、3分钟了解!四...
第五分钟了解!新天道辅助脚本!... 第五分钟了解!新天道辅助脚本!一贯是有辅助脚本(有挂方法)-哔哩哔哩1、新天道辅助脚本破解器简单,新...
第一分钟了解!鱼虾蟹控制器辅助... 第一分钟了解!鱼虾蟹控制器辅助器开挂!好像有辅助工具(有挂教程)-哔哩哔哩1、操作简单,无需鱼虾蟹控...
4分钟了解!欢乐联盟卡五星辅助... 4分钟了解!欢乐联盟卡五星辅助!竟然真的有辅助教程(发现有挂)-哔哩哔哩1、不需要AI权限,帮助你快...
十分钟了解!全民奇迹脚本!都是... 十分钟了解!全民奇迹脚本!都是真的有辅助软件(有挂规律)-哔哩哔哩全民奇迹脚本是不是有人用挂微扑克w...