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)有没有挂:进...
透视脚本!wepoker透视挂... 透视脚本!wepoker透视挂底牌,微乐自建房免费黑科技有哪些,专业脚本(发现有挂)-哔哩哔哩进入游...
脚本曝光!aapoker辅助器... 脚本曝光!aapoker辅助器怎么用,aapoker插件(透视)本来真的是有器(哔哩哔哩)1、点击下...
透视挂透视!约局吧是否有挂,微... 透视挂透视!约局吧是否有挂,微信小程序微乐辅助免费版,透视脚本(的确有挂)-哔哩哔哩1、让任何用户在...
透视规律!约局吧开挂神器是真的... 透视规律!约局吧开挂神器是真的吗,微乐智能辅助真的假的,揭幕脚本(发现有挂)-哔哩哔哩约局吧开挂神器...
透视辅助!wepoker怎么提... 透视辅助!wepoker怎么提高运气,wepoker辅助软件视频(透视)确实存在有器(哔哩哔哩)1、...
随着!hhpoker开挂教程,... 随着!hhpoker开挂教程,微信小程序辅助器脚本,辅助透视(确实有挂)-哔哩哔哩1、完成hhpok...
脚本专业!wepoker轻量版... 脚本专业!wepoker轻量版透视方法,wepoker脚本下载(透视)确实真的是有教程(哔哩哔哩)一...
最新消息!aapoker发牌逻... 最新消息!aapoker发牌逻辑,微乐自建房安装挂免费,普及透视(有挂教程)-哔哩哔哩1、aapok...
脚本关于!wpk辅助,wpk模... 脚本关于!wpk辅助,wpk模拟器多开(透视)原来是真的挂(哔哩哔哩)1、下载好脚本下载之后点击打开...