AngularNgRx组件存储。switchMap首先发出旧值。
创始人
2024-10-28 18:00:42
0

在使用switchMap时,使用pipe操作符结合startWith运算符将初始值传入pipe中,这样一来switchMap就会在发出最新值前首先发出初始值。 代码示例:

import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; import { switchMap, startWith } from 'rxjs/operators'; import { Store } from '@ngrx/store'; import { AppState } from '../app.state';

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit { myValue$: Observable;

constructor(private store: Store) {}

ngOnInit() { this.myValue$ = this.store.select('myValue').pipe( startWith('initialValue'), switchMap(newVal => { // do something with newVal return newVal; }) ); } }

相关内容

热门资讯

5分钟实锤!德州之星辅助挂(德... 5分钟实锤!德州之星辅助挂(德州)原来是有挂(详细辅助介绍教程)德州之星辅助挂辅助器中分为三种模型:...
第九分钟实锤!德州之星有辅助挂... 第九分钟实锤!德州之星有辅助挂(德扑)其实是真的有挂(详细辅助透牌教程);1、让任何用户在无需德州之...
第1分钟实锤!德州之星辅助(手... 第1分钟实锤!德州之星辅助(手机德州)切实是有挂(详细辅助可靠教程)1、这是跨平台的德州之星辅助黑科...
第1分钟实锤!德州之星有辅助挂... 第1分钟实锤!德州之星有辅助挂(德扑ai)总是存在有挂(详细辅助专业教程);1、德州之星有辅助挂机器...
4分钟实锤!德扑之星作弊(来玩... 4分钟实锤!德扑之星作弊(来玩德州)原来真的有挂(详细辅助教你攻略)德扑之星作弊辅助器中分为三种模型...
8分钟实锤!德州ai辅助(德扑... 8分钟实锤!德州ai辅助(德扑ai)其实真的是有挂(详细辅助2025新版教程)进入游戏-大厅左侧-新...
第三分钟实锤!德州AI智能辅助... 第三分钟实锤!德州AI智能辅助机器人(德州wepower)切实有挂(详细辅助揭秘教程)1、德州AI智...
第8分钟实锤!德州ai机器人(... 第8分钟实锤!德州ai机器人(智星德州)原来真的是有挂(详细辅助教你攻略)1、下载好德州ai机器人辅...
第9分钟实锤!德州之星辅助挂(... 第9分钟实锤!德州之星辅助挂(云扑克德州)好像存在有挂(详细辅助攻略方法)1、德州之星辅助挂系统规律...
第8分钟实锤!智星德州菠萝外挂... 第8分钟实锤!智星德州菠萝外挂(手机德州)原来是真的有挂(详细辅助科技教程);1)智星德州菠萝外挂辅...