如何在ngrx/Store reducer中使用其他Angular11服务作为初始状态？

// initial-data.service.ts

import { Injectable } from '@angular/core';
import { OtherService } from './other.service';

@Injectable()
export class InitialDataService {
  constructor(private otherService: OtherService) {}

  getInitialState() {
    // 在这里执行逻辑来获取初始状态数据
    // 可以使用其他服务的方法，订阅Observable对象或执行异步操作等
    const data = this.otherService.getData();

    // 对获取到的数据进行处理（可选）
    const processedData = data.map(item => ({ id: item.id, name: item.name }));

    return processedData;
  }
}

// reducer.ts

import { createReducer, on } from '@ngrx/store';
import { setInitialState } from './actions';
import { InitialDataService } from './initial-data.service';

const initialState = {
  // 初始状态数据的字段
  items: [],
  loading: false
};

export const reducer = createReducer(
  initialState,
  on(setInitialState, (state, { data }) => {
    // 在这里更新应用的状态
    return {
      ...state,
      items: data,
      loading: true
    };
  })
);

export function rootReducer(state, action) {
  return reducer(state, action);
}