如何从ngrx 7效果中分派多个动作

export class Action1 implements Action {
  readonly type = '[Feature] Action 1';
  
  constructor(public payload: any) {}
}

export class Action2 implements Action {
  readonly type = '[Feature] Action 2';
  
  constructor(public payload: any) {}
}

import { Store } from '@ngrx/store';
import { Action1, Action2 } from './actions';

@Component({...})
export class MyComponent {
  constructor(private store: Store) {}
  
  dispatchActions() {
    const action1 = new Action1('Payload 1');
    const action2 = new Action2('Payload 2');
    
    this.store.dispatch(action1);
    this.store.dispatch(action2);
  }
}

import { Action1, Action2 } from './actions';

export function myReducer(state: any, action: Action) {
  switch (action.type) {
    case '[Feature] Action 1':
      // 执行 Action 1 的逻辑
      return { ...state, data: action.payload };
      
    case '[Feature] Action 2':
      // 执行 Action 2 的逻辑
      return { ...state, data: action.payload };
      
    default:
      return state;
  }
}

import { StoreModule } from '@ngrx/store';
import { myReducer } from './reducers';

@NgModule({
  imports: [
    StoreModule.forRoot({ feature: myReducer })
  ]
})
export class AppModule { }