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

相关内容

热门资讯

透视智能ai!德州局透视脚本免... 透视智能ai!德州局透视脚本免费版下载手机版(透视)果然真的是有挂(详细辅助玩家教你);1、透视辅助...
科普攻略!拱趴大菠萝自动计算机... 科普攻略!拱趴大菠萝自动计算机器人,impoker辅助,技巧教程(有挂攻略)是一款可以让一直输的玩家...
透视有挂!wepoker底牌透... 透视有挂!wepoker底牌透视(透视)其实有挂(详细辅助攻略方法)1、下载好辅助软件之后点击打开,...
必看攻略!impoker辅助,... 必看攻略!impoker辅助,uupoker有透视吗,线上教程(有挂透视)1、很好的工具软件,可以解...
透视数据!拱趴大菠萝作弊方法(... 透视数据!拱趴大菠萝作弊方法(透视)确实真的是有挂(详细辅助解密教程)1、每一步都需要思考,不同水平...
重大消息!pokerworld... 1、重大消息!pokerworld软件,hhpoker是正规的吗,大神讲解(有挂辅助);详细教程。2...
透视ai代打!hhpoker智... 透视ai代打!hhpoker智能辅助插件(透视)真是真的有挂(详细辅助新2025教程)1、点击下载安...
安装程序教程!hh poker... 安装程序教程!hh poker辅助器先试用,德州透视是真的吗,透视教程(有挂神器)这是由厦门游乐互动...
透视ai代打!wepoker黑... 透视ai代打!wepoker黑侠辅助器(透视)切实真的有挂(详细辅助可靠教程)1、ai机器人多个强度...
2024教程!拱趴大菠萝开挂方... 2024教程!拱趴大菠萝开挂方法,wepoker辅助器安装包定制,插件教程(有挂技巧)1、点击下载安...