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

相关内容

热门资讯

最新技巧辅助工具!panda多... 最新技巧辅助工具!panda多功能辅助工具,panda真是有辅助工具该软件可以轻松地帮助玩家将pan...
玩家必看科普外挂app!胡乐竞... 玩家必看科普外挂app!胡乐竞技多功能外挂app,胡乐竞技好像真的是有外挂app1、该软件可以轻松地...
信息共享开挂app!丹东约战麻... 信息共享开挂app!丹东约战麻将多功能开挂app,丹东约战麻将其实存在有开挂app;1、用户打开应用...
推荐攻略作弊器app!去玩麻将... 推荐攻略作弊器app!去玩麻将多功能作弊器app,去玩麻将一直是有作弊器app1、这是跨平台的去玩麻...
推荐攻略辅助器教程!海迅麻将多... 推荐攻略辅助器教程!海迅麻将多功能辅助器教程,海迅麻将确实有辅助器教程1、海迅麻将脚本辅助下载、海迅...
玩家必看辅助插件!亲邻麻将多功... 玩家必看辅助插件!亲邻麻将多功能辅助插件,亲邻麻将确实有辅助插件1、亲邻麻将免费脚本咨询教程、亲邻麻...
今日头条辅助技巧!无锡麻将多功... 今日头条辅助技巧!无锡麻将多功能辅助技巧,无锡麻将果然真的有辅助技巧1、超多福利:超高返利,海量正版...
最新技巧作弊器插件!乐暴延边麻... 最新技巧作弊器插件!乐暴延边麻将多功能作弊器插件,乐暴延边麻将好像是有作弊器插件乐暴延边麻将脚本下载...
总算了解辅助器脚本!大同麻将多... 总算了解辅助器脚本!大同麻将多功能辅助器脚本,大同麻将一贯是有辅助器脚本1、在大同麻将插件功能辅助器...
关于透视挂脚本!打两圈泰州麻将... 您好,打两圈泰州麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家...