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、吉安小程序中至游戏辅助免费脚本...
据权威媒体报道!微信随意玩辅助... 据权威媒体报道!微信随意玩辅助器"原来是有辅助教程"(哔哩哔哩)1、实时微信随意玩辅助器透视辅助更新...
做出回应!皮皮广东游戏辅助软件... 做出回应!皮皮广东游戏辅助软件"果然真的是有辅助插件"(哔哩哔哩)1、玩家可以在皮皮广东游戏辅助软件...
黑科技辅助挂!约战丹东苹果辅助... 黑科技辅助挂!约战丹东苹果辅助"一直是真的有辅助app"(哔哩哔哩)约战丹东苹果辅助破解侠是真的助透...
代打辅助挂!微乐小程序有脚本吗... 代打辅助挂!微乐小程序有脚本吗"总是确实有辅助挂"(哔哩哔哩)小薇(辅助器软件下载)致您一封信;亲爱...
截至发稿!新荣耀房卡辅助&qu... 截至发稿!新荣耀房卡辅助"原来是有辅助攻略"(哔哩哔哩)进入游戏-大厅左侧-新手福利-激活码辅助透视...
第三方技巧!白金岛跑胡子脚本&... 您好,白金岛跑胡子脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩...
黑科技辅助!樱花之盛辅助软件下... 黑科技辅助!樱花之盛辅助软件下载"本来是真的有辅助方法"(哔哩哔哩)1)樱花之盛辅助软件下载有没有挂...
事发当天!新九方科技"... 事发当天!新九方科技"好像确实有辅助app"(哔哩哔哩)1)新九方科技辅助插件:进一步探索新九方科技...
据玩家消息!福建微乐小程序修改... 据玩家消息!福建微乐小程序修改器"确实是真的有辅助脚本"(哔哩哔哩)小薇(辅助器软件下载)致您一封信...