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、首先打开圣盛鄂州晃...
有了最新消息!点星休闲辅助器下... 有了最新消息!点星休闲辅助器下载!一贯是真的有开挂辅助教程(有挂总结)-哔哩哔哩一、点星休闲辅助器下...
代打辅助挂!榆林打锅子辅助器!... 代打辅助挂!榆林打锅子辅助器!本来是真的有开挂辅助app(有挂方式)-哔哩哔哩暗藏猫腻,小编详细说明...
2026版方法!潮友会鱼虾蟹骰... 2026版方法!潮友会鱼虾蟹骰子概率计算公式!总是存在有开挂辅助脚本(有挂工具)-哔哩哔哩1、游戏颠...
2026版辅助挂!牵手跑辅助!... 2026版辅助挂!牵手跑辅助!一直是真的有开挂辅助挂(的确有挂)-哔哩哔哩1、完成牵手跑辅助辅助器v...
反观!情怀国粹外g挂!切实真的... 反观!情怀国粹外g挂!切实真的是有开挂辅助器(有挂方法)-哔哩哔哩1、情怀国粹外g挂脚本辅助下载、情...