Observable内の複数のオブザーバブルが期待どおりに解決されていない

Question

私はそれを見ると簡単な質問がありますが、Rxで十分な経験がありません。

ngOnInit() { 
this.agentService.getAllAgents().subscribe((agents: Agent[]) => { 
    this.agents = agents.sort((x: Agent, y: Agent) => 
    Number(new Date(x.date)) - Number(new Date(y.date))); 

    for (const agent of this.agents) { 
    forkJoin(this.geoLocator.find(agent.address)).subscribe(results => { 
     for (const coordinates of results) { 
     agent.distance = this.getDistance(<Coordinates>environment.google.COORDINATES, coordinates, Unit.km); 
     } 
    }); 
    } 
    console.log(this.agents[0]); 
    console.log(JSON.stringify(this.agents[0]); 
}); 

}

これは私が得る結果です。

質問はどのように、なぜですか？

Answer 1

public find(agent: Agent): Observable<Agent> { 
 
    return this.http.get<Agent>(`${environment.google.BASE_URL}${agent.address}`) 
 
     .map(response => { 
 
     const coordinates = <Coordinates> { 
 
      latitude: response['results'][0].geometry.location.lat, 
 
      longitude: response['results'][0].geometry.location.lng 
 
     }; 
 
     agent.distance = this.getDistance(<Coordinates>environment.google.COORDINATES, coordinates, Unit.km); 
 
     return agent; 
 
     }); 
 
    }