Angular NgRx效果，如何传递参数

# Angular NgRx效果中的参数传递

typescript
import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { of } from 'rxjs';
import { mergeMap, withLatestFrom, map } from 'rxjs/operators';
import * as myActions from './my.actions';
import { MyService } from './my.service';
@Injectable()
export class MyEffects {
  loadData$ = createEffect(() => this.actions$.pipe(
    ofType(myActions.loadMyData),
    withLatestFrom(this.store.select('myFeature', 'myParameter')), // 获取参数
    mergeMap(([action, parameter]) => this.myService.loadData(parameter).pipe(
      map(data => myActions.loadDataSuccess({ data }))
    ))
  ));
  constructor(
    private actions$: Actions,
    private myService: MyService,
    private store: Store
  ) {}
}

typescript
import { createAction, props } from '@ngrx/store';
export const loadMyData = createAction(
  '[My Component] Load Data',
  props<{ parameter: string }>() // 定义参数
);
export const loadDataSuccess = createAction(
  '[My Effect] Load Data Success',
  props<{ data: any }>()
);