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辅助!推扑克辅助器,wopoker系统套路,黑科技教程(有挂教程)是一款可以让一直输的玩家...
WePoKe透明挂!wpk机器... 您好,WePoKe透明挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
wpk透视辅助!wpk德州代打... wpk透视辅助!wpk德州代打是真的吗,德州俱乐部俱乐部系统,2025新版总结(有挂方法)1、在wp...
wepoke真的有挂!德州数据... wepoke真的有挂!德州数据辅助器,gg扑克有赢不了,微扑克教程(有挂规律);无聊就玩这款wepo...
WePoKe透视挂!wepok... WePoKe透视挂!wepokeai辅助,wpk俱乐部软件,安装教程(有挂详情)是一款可以让一直输的...
透视脚本(wpk俱乐部)德州辅... 透视脚本(wpk俱乐部)德州辅助软件(详细辅助黑科技教程)往昔真的有挂(1)透视脚本(wpk俱乐部)...
透视攻略(wepoke)透明挂... 透视攻略(wepoke)透明挂辅助器(wepoke智能ai)确实有挂(详细透视新2025版);人气非...
透视了解(aapoker有挂)... 透视了解(aapoker有挂)微扑克大厅都是机器人(详细辅助解密教程)总是真的是有挂1)aapoke...
透视软件(wePoKe)外挂透... 1、透视软件(wePoKe)外挂透明挂辅助软件(wepoke有没有挂)都是存在有挂(详细透视可靠教程...
透视神器(wpk有透视辅助)w... 透视神器(wpk有透视辅助)wpk德州辅助器(详细辅助2025新版技巧)本来是有挂1、很好的工具软件...