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

相关内容

热门资讯

分享一下!陕麻圈内购破解辅助,... 分享一下!陕麻圈内购破解辅助,丽水都莱有辅助吗,一贯是真的有挂(哔哩哔哩)1、任何陕麻圈内购破解辅助...
专业一下!哥哥打大a微信小程序... 您好,哥哥打大a微信小程序作弊这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
详情一下!福建天天开心辅助工具... 详情一下!福建天天开心辅助工具视频,茶馆游戏辅助,总是真的是有挂(哔哩哔哩)福建天天开心辅助工具视频...
解迷一下!大菠萝辅助器,玖游卡... 解迷一下!大菠萝辅助器,玖游卡五星辅助,切实有挂(哔哩哔哩)在进入玖游卡五星辅助软件靠谱后,参与本局...
教你一下!川南休闲辅助,微信小... 教你一下!川南休闲辅助,微信小程序游戏破解微乐游戏,竟然真的是有挂(哔哩哔哩)1、许多玩家不知道微信...
关于一下!凑一桌关春天怎么开透... 关于一下!凑一桌关春天怎么开透视,开心斗一番破解版,确实有挂(哔哩哔哩)1、凑一桌关春天怎么开透视透...
普及一下!卡农大厅辅助,新西部... 普及一下!卡农大厅辅助,新西部大厅辅助,本来真的是有挂(哔哩哔哩)卡农大厅辅助能透视中分为三种模型:...
解密一下!万能脚本辅助器,九游... 解密一下!万能脚本辅助器,九游破解辅助插件官方,确实存在有挂(哔哩哔哩)解密一下!万能脚本辅助器,九...
科普一下!hhpoker作笔实... 科普一下!hhpoker作笔实战视频,福建天天开心辅助真是性,本来有挂(哔哩哔哩)暗藏猫腻,小编详细...
解迷一下!微乐老友广东辅助器,... 解迷一下!微乐老友广东辅助器,一起宁德钓蟹辅助,一贯真的是有挂(哔哩哔哩)1、微乐老友广东辅助器辅助...