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

相关内容

热门资讯

透视能赢!wpk德州局怎么透视... 透视能赢!wpk德州局怎么透视,wpk有那种辅助吗,技巧教程(有挂黑科技);1、wpk德州局怎么透视...
透视中牌率!wpk可以作弊吗,... 透视中牌率!wpk可以作弊吗,wpk作弊,高科技教程(有挂辅助);小薇(透视辅助)致您一封信;亲爱w...
透视挂!wpk透视是真的假的,... 透视挂!wpk透视是真的假的,wpk辅助哪里买,微扑克教程(有挂脚本)1、实时wpk透视是真的假的开...
透视最新!wpk辅助插件,wp... 透视最新!wpk辅助插件,wpk是真的还是假的,细节揭秘(有挂规律);1、构建自己的wpk是真的还是...
透视免费!wpk私人局辅助是真... 透视免费!wpk私人局辅助是真的吗,wpk透视辅助,攻略教程(有挂工具)1、这是跨平台的wpk私人局...
透视好友!wpk俱乐部有没有辅... 透视好友!wpk俱乐部有没有辅助,wpk辅助哪里买,实用技巧(有挂细节)亲,关键说明,wpk俱乐部有...
透视软件!wpk有那种辅助吗,... 透视软件!wpk有那种辅助吗,如何判断wpk辅助软件的真假,微扑克教程(有挂脚本)1、操作简单,无需...
透视辅助!wpk作弊,wpk俱... 透视辅助!wpk作弊,wpk俱乐部有没有辅助,透视教程(有挂攻略)1、每一步都需要思考,不同水平的挑...
透视好友!wpk透视辅助下载,... 透视好友!wpk透视辅助下载,wpk插件,安装教程(有挂技巧)一、wpk透视辅助下载AI软件牌型概率...
透视肯定!wpk透视插件,wp... 透视肯定!wpk透视插件,wpk辅助是什么,揭秘攻略(有挂详情);1、实时wpk辅助是什么开挂更新:...