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

相关内容

热门资讯

实测分享!悠悠辅助,新九哥智能... 实测分享!悠悠辅助,新九哥智能辅助软件,2025新版教程(揭秘有挂);新九哥智能辅助软件是一项新九哥...
揭秘真相!新荣耀辅助,新祥心辅... 揭秘真相!新荣耀辅助,新祥心辅助脚本,AI教程(证实有挂)是一款可以让一直输的玩家,快速成为一个“必...
玩家必看科普!鸿狐大厅脚本,海... 玩家必看科普!鸿狐大厅脚本,海螺众娱辅助,辅助教程(的确有挂);是一款可以让一直输的玩家,快速成为一...
发现一款!牛魔王辅助器,天酷辅... 发现一款!牛魔王辅助器,天酷辅助器,靠谱教程(有挂技巧);1、超多福利:超高返利,海量正版游戏,牛魔...
玩家必备教程!枫叶辅助官网地址... 玩家必备教程!枫叶辅助官网地址,新漫游免费辅助器,教你攻略(有挂教学);1、【枫叶辅助官网地址辅助软...
一分钟揭秘!九天大厅辅助器,新... 一分钟揭秘!九天大厅辅助器,新世界辅助器,爆料教程(有挂实锤);一、九天大厅辅助器AI软件牌型概率发...
一分钟教会你!新漫游免费辅助器... 一分钟教会你!新漫游免费辅助器,新道游辅助软件下载,wpk教程(有挂辅助)是一款可以让一直输的玩家,...
推荐十款!椰子大厅辅助脚本,九... 推荐十款!椰子大厅辅助脚本,九游辅助真的假的,解密教程(有挂攻略)相信很多朋友都在电脑上玩过九游辅助...
重磅来袭!人海大厅挂件可以买,... 重磅来袭!人海大厅挂件可以买,新畅游互娱辅助,线上教程(有挂技巧);重磅来袭!人海大厅挂件可以买,新...
玩家必备教程!人海大厅挂件可以... 【福星临门,好运相随】;玩家必备教程!人海大厅挂件可以买,樱花之盛能不能开挂,AI教程(发现有挂);...