如何在ngrx效果中调用两次被调用的服务？

import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { mergeMap, map } from 'rxjs/operators';
import { YourService } from './your-service';

@Injectable()
export class YourEffects {
  constructor(private actions$: Actions, private yourService: YourService) {}

  yourEffect$ = createEffect(() =>
    this.actions$.pipe(
      ofType('[Your Module] Your Action'),
      mergeMap(() =>
        this.yourService.yourMethod().pipe(
          map(response => ({
            type: '[Your Module] Your Action Success',
            payload: response
          }))
        )
      )
    )
  );
}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class YourService {
  constructor(private http: HttpClient) {}

  yourMethod(): Observable<any> {
    // 调用第一次服务
    const firstCall$ = this.http.get('your-api-url-1');

    // 调用第二次服务
    const secondCall$ = this.http.get('your-api-url-2');

    // 合并两次调用的结果
    return forkJoin([firstCall$, secondCall$]);
  }
}

import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
import { yourAction } from './your-module.actions';

@Component({
  selector: 'your-component',
  template: `
    <button (click)="callServices()">Call Services</button>
  `
})
export class YourComponent {
  constructor(private store: Store) {}

  callServices() {
    this.store.dispatch(yourAction());
  }
}