Кнопка Отключить при ожидании Google Maps directionService

Question

Я пытаюсь отключить кнопку html во время ожидания вызова службы карт Google, в моем случае, при использовании сервиса карт Google для отслеживания маршрута с несколькими путевыми точками и медленного регулирования 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;

, тогда в запросе, где установлен новый маршрут, вам просто нужно установить загрузку быть false:

loading = false;

В html файле:

(если загрузка активна, отключить кнопку)

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