RXJS 对多个依赖 API 调用

Question

I am trying to combine multiple API calls into a single observable using RXJS, anyone has any suggestions?

• getUser() //returns single user
• getEmployeeList() //returns array of Employees
• getVisitsByEmployeeId(employeeId) //Using a single employee id, returns array of Visits
• getVisitDetails(visistId) //iterate over visits & return visit details

export class DummyComponent implements OnInit {
  displayData: any;

  constructor(private dummyService: DummyService) {}

  ngOnInit(): void {

    this.myBigAssObserveable().subscribe(
      response => this.displayData = response;
    );
  }

  myBigAssObserveable() {
    
  }


getEmployeeDetails() {
    forkJoin(
        {user:this.dummyService.getLoggerInUser(),
         employees: this.employeeService.getEmployees()})
    .subscribe(({user, employees}) => 
        return employees.find(i => i.find(i.employeeId == user.id))
}

  getVisitDetails() {
    return this.visitService
    .getVisitsById(employeeId)
    .pipe(
      flatMap((response) => 
      this.dummyService.getVisitDetails(response.visitId)));
  }
}

Answer 1

It seems your object destruction got some issue. Could you please update your getEmployeeDetails() module as follows.

getEmployeeDetails() {
    forkJoin(
        {user:this.dummyService.getLoggerInUser(),
         employees: this.employeeService.getEmployees()})
    .subscribe(({user, employees}) => 
        return employees.find(i => i.find(i.employeeId == user.id))
}

I hope this will help you. Thank you.