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

相关内容

热门资讯

AI教程!wepoker公共底... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker公共底牌解析、 AI ...
一秒答解!wpk辅助哪里买,w... 一秒答解!wpk辅助哪里买,wepoker可以开挂吗神器(固有真的有辅助器)AI 智能体黑科技再上新...
一分钟了解!!wpk辅助工具下... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
热点推荐!!wpk德州局怎么透... 热点推荐!!wpk德州局怎么透视,微扑克真的有挂吗教程(都是真的有辅助器)主打本地运行的 AI 黑科...
六分钟了解!wepoker数据... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
玩家必备教程!!wepoker... 玩家必备教程!!wepoker怎么发冤家牌,微扑克透视挂平台(素来是真的有辅助挂)AI 是一款可以让...
技术分享!!wepoker免费... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker免费钻石解析、 AI ...
揭秘一下!wepoker是不是... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
一分钟了解!wepoker辅助... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
推荐十款!wepoker科技辅... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...