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、全新机制【德普之星...
透视新版“来玩app破解版”透... 透视新版“来玩app破解版”透视辅助机制(确实有挂)1、构建自己的来玩app破解版辅助插件;2、选择...
透视肯定!德普之星辅助工具如何... 透视肯定!德普之星辅助工具如何设置,(德普)总是真的是有挂,2025新版教程(有挂介绍)1、超多福利...
透视苹果版“xpoker辅助助... 透视苹果版“xpoker辅助助手”透视辅助安装(一贯真的是有挂)1、进入到xpoker辅助助手黑科技...
透视真的!德普之星透视软件免费... 透视真的!德普之星透视软件免费入口官网,(德扑之心)原来存在有挂,存在挂教程(有挂揭秘)1、每一步都...
透视免费“智星菠萝有挂吗”透视... 透视免费“智星菠萝有挂吗”透视辅助app(切实是有挂);1、起透看视 智星菠萝有挂吗透明视辅助2、随...
透视黑科技!德普之星辅助器,德... 透视黑科技!德普之星辅助器,德普之星有透视辅助吗,2025版教程(有挂插件);德普之星有透视辅助吗软...
透视挂透视“哈糖大菠萝辅助器”... 透视挂透视“哈糖大菠萝辅助器”透视辅助app(切实是有挂);1、哈糖大菠萝辅助器系统规律教程、哈糖大...
透视科技!德普之星私人局辅助器... 透视科技!德普之星私人局辅助器,(德扑之心)好像存在有挂,透牌教程(有挂介绍)1、任何德普之星私人局...
透视真的“竞技联盟透视”透视辅... 透视真的“竞技联盟透视”透视辅助工具(竟然是有挂)1、上手简单,内置详细流程视频教学,新手小白可以快...