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、进入到聚乐惠是否有挂之后,能看到左侧胜...
玩家交流!天涯麻将辅助器脚本软... 玩家交流!天涯麻将辅助器脚本软件,天涯麻将一贯是真的有辅助器总结方法1、实时天涯麻将透视辅助更新:用...
新手必备!好友赣南辅助器脚本软... 新手必备!好友赣南辅助器脚本软件,好友赣南其实存在有辅助器了解工具1、很好的工具软件,可以解锁游戏的...
专业讨论!悠闲坦克辅助器脚本软... 专业讨论!悠闲坦克辅助器脚本软件,悠闲坦克好像存在有辅助器必备技巧1、悠闲坦克透视辅助软件激活码多个...
来一盘!微乐四川麻将移动版透视... 来一盘!微乐四川麻将移动版透视挂脚本软件,微乐四川麻将移动版总是是有透视挂教你app1、许多玩家不知...
玩家必备攻略!奥云集安麻将开挂... 玩家必备攻略!奥云集安麻将开挂脚本软件,奥云集安麻将都是是有开挂分享工具1、金币登录送、破产送、升级...