如何在Angular 9中进行同步调用?|地理位置

Question

这里接受的解决方案对我不起作用。我正在调用一个需要同步的定位服务，因为此后会立即在其上执行api调用。

我的日志记录表明，尽管有await子句，定位服务仍然返回undefined。

进行api调用的服务

...
@Injectable({providedIn: 'root'})
class PrepopulateService {
constructor(private locationService: LocationService,
private log: LoggerService) { }
async prepopulate(): Promise<boolean> {
const coords: string[] = await this.locationService.getLocation();
console.log(coords)
if(coords == null) {
return false;
}
console.log(coords)
// api call here
return true;
}
}
export { PrepopulateService }

为其获取位置的服务

...
@Injectable({providedIn: 'root'})
class LocationService {
constructor(private log: LoggerService) { }
getLocation(): Promise<string[]> {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition((position) => {
const longitude = position.coords.longitude;
const latitude = position.coords.latitude;
console.log([String(latitude), String(longitude)])
return [String(latitude), String(longitude)];
});
} else {
this.log.warn('No support for geolocation');
return null;
}
}
}
export { LocationService }

我的async/await实现有什么问题？

Answer 1

您不会从getLocation函数返回promise。

您应该从promise中调用navigator.geolocation.getCurrentPosition并返回该promise。然后在传递给getCurrentPosition的回调中解析promise。

getLocation(): Promise<string[]> {
return new Promise<string[]>((resolve, reject) => {
if (!navigator.geolocation) {
reject(Error('No support for geolocation'));
return;
}
navigator.geolocation.getCurrentPosition((position) => {
const longitude = position.coords.longitude;
const latitude = position.coords.latitude;
resolve([latitude.toString(), longitude.toString()]);
});
});
}

演示：https://stackblitz.com/edit/angular-r6kq9q(带有getCurrentPosition的模拟版本(