javascript - 等待谷歌地图方向服务时禁用按钮

Question

我试图在等待谷歌地图服务调用时禁用 html 按钮，就我而言，当使用谷歌地图服务跟踪具有多个航路点的路线和缓慢的 3G 节流时，应禁用该按钮，直到跟踪新路线。

calculateRoad(departure: any, arrival: any) {
  const request = {
    origin: departure,
    destination: arrival,
    waypoints: waypts,
    optimizeWaypoints: false,
    travelMode: this.getTravelModeFromVehicleType(vehicleType),
  };
  this.googleMapComponent.directionsService.route(request, (response, status) => {
    if (status === google.maps.DirectionsStatus.OK) {
    }
    else if (vehicleType == Model.VehicleType.Bicycle && status == google.maps.DirectionsStatus.ZERO_RESULTS) {
    }
    else {
    }
    this.googleMapComponent.directionsDisplay.setDirections(response);
  });
}

Answer 1

发出请求时，您可以设置一些默认值/状态/行为主体或true，例如:

let loading = true;

然后在设置新路由的请求中，您只需将loading设置为false:

loading = false;

在 html 文件中:

(如果加载为 true，则禁用按钮)

<button [disabled]='loading'>...</button>