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

相关内容

热门资讯

透视辅助"we po... 透视辅助"we poker游戏下"详细辅助wepoke教程(辅助器可以卖软件);玩家必备必赢加哟《1...
透视规律"wepok... 透视规律"wepoker透视有用吗"详细辅助wepoke教程(有插件攻略);支持2-10人实时对战,...
透视挂透视"fish... 这是一款非常优秀的fishpoker透视 ia辅助检测软件,能够让你了解到fishpoker透视中牌...
透视好友"wepok... 1、透视好友"wepoker辅助器最新版本更新内容"详细辅助教你教程(辅助器最新版本更新内容软件);...
透视透视"聚星ai辅... 透视透视"聚星ai辅助工具激活码"详细辅助系统教程(辅助器是真的技巧)是一款可以让一直输的玩家,快速...
透视讲解"wepok... 透视讲解"wepokerplus万能挂"详细辅助透明教程(透视有用方法)1、许多玩家不知道wepok...
透视讲解"wepok... 透视讲解"wepoker黑侠辅助器正版下载"详细辅助高科技教程(好友助力码方法)准备好在wepoke...
透视辅助"德州私人局... 透视辅助"德州私人局脚本"详细辅助2025新版技巧(可以买辅助技巧);1.德州私人局脚本 ai辅助创...
透视存在"哈糖大菠萝... 1、透视存在"哈糖大菠萝可以开挂吗"详细辅助力荐教程(买脚本靠谱教程)2、进入游戏-大厅左侧-新手福...
透视计算"智星德州插... 《透视计算"智星德州插件2024最新版"详细辅助新2025版(可以破解游戏教程)》 智星德州插件20...