サービス角度のコントローラ変数を変更するにはどうすればいいですか？

Question

これは私のサービスです。私はそこに変数isPolygonDrawingEndedを持っています。

angular 
    .module('gillie.clients.app') 
    .service('mapDrawingService', mapDrawingService); 

mapDrawingService.$inject = ['$ngBootbox', '$translate', 'fitPolygonService', 'mapCommonService']; 

function mapDrawingService($ngBootbox, $translate, fitPolygonService, mapCommonService) { 
    var self = this; 

    var map; 
    var polygonFeatures; 
    var stopDrawingAction; 
    var isPolygonDrawingEnded = false; 
    var isDrawingMode = true; 

self.startNewPolygonDrawing = function (afterDrowed) { 

     fitPolygonService.suggestPoint(isDrawingMode); 
     var modify = createModifyInteractionToPolygonFeatures(); 

     var draw = createDrawInteraction(); 
     attachDrawEvents(draw, afterDrowed); 
     map.addInteraction(draw); 

     stopDrawingAction = function() { 
      map.removeInteraction(draw); 
      map.removeInteraction(modify); 
     }; 
    }; 
     var attachDrawEvents = function (draw, afterDrowed) { 
     draw.on('drawend', function (e) { 
      e.preventDefault(); 
      afterDrowed(); 
      isPolygonDrawingEnded = true; 

      if (fitPolygonService.isPolygonsExist()) { 
       var geometry = e.feature.getGeometry(); 
       e.feature.setGeometry(fitPolygonService.fitPolygon(geometry)); 
      } 
     }); 
} 

これは私のコントローラです。 mapDrawingService.isPolygonDrawingEnded == trueのときは$scope.showCountButtonに変更する必要があります。 サービスの価値が変更されたことをどのように知ることができますか？

angular 
    .module('gillie.clients.app') 
    .controller('regionController', regionController); 

regionController.$inject = ['$q', '$filter', '$scope', '$ngBootbox', '$translate', 'regionService', 'mapService', 'mapDrawingService', 'modalService', 'regionCommonService', 'alertService', 'nominatimCommonService', 'populationService', 'provinceCommonService', 'provinceService', 'rx']; 

function regionController($q, $filter, $scope, $ngBootbox, $translate, regionService, mapService, mapDrawingService, modalService, regionCommonService, alertService, nominatimCommonService, populationService, provinceCommonService, provinceService, rx) { 

    $scope.showCountButton = false; 

     $scope.startRegionSelection = function (region) { 

     $scope.isSavingAvailable = true; 
     $scope.showCountButton = false; 
     if (currentEditingRegion && region && currentEditingRegion.Id === region.Id) { 
      return; 
     } 

     if(region) 
      mapService.clearRegion(region); 

     if (currentEditingRegion && !region) { 
      mapDrawingService.continuePolygonDrawing(); 
      return; 
     } 

     if (region) { 
      mapDrawingService.stopPolygonDrawing(); 
      mapDrawingService.clearMap(); 

      currentEditingRegion = region; 
      mapDrawingService.startExistPolygonDrawing(region.Name, region.CoordinatesJson); 
      return; 
     } 

     mapDrawingService.startNewPolygonDrawing(function() {    
        $scope.showCountButton = true   
     }); 
    }; 

私はmapDrawingService.startNewPolygonDrawing機能を使用 - showCountButtonの値が変化するが、ビューにはありません。 $scope.$applyは、この例外を生成します。

[$rootScope:inprog] $digest already in progress 

Answer 1

あなたはそれがビューが更新されていない理由は、コントローラの範囲でなくなったコールバック関数を渡しています。非同期描画イベントであるため、代わりに約束を使用することができます。

サービス

mapDrawingService.$inject = ['$q', '$ngBootbox', '$translate', 'fitPolygonService', 'mapCommonService']; 

function mapDrawingService($q, $ngBootbox, $translate, fitPolygonService, mapCommonService) { 
    var self = this; 

    var map; 
    var polygonFeatures; 
    var stopDrawingAction; 
    var isPolygonDrawingEnded = false; 
    var isDrawingMode = true; 

    self.startNewPolygonDrawing = function() { 
    fitPolygonService.suggestPoint(isDrawingMode); 
    var modify = createModifyInteractionToPolygonFeatures(); 

    var draw = createDrawInteraction(); 
    var promiseObj = attachDrawEvents(draw); 
    map.addInteraction(draw); 

    stopDrawingAction = function() { 
     map.removeInteraction(draw); 
     map.removeInteraction(modify); 
    }; 

    return promiseObj; 
    }; 
    var attachDrawEvents = function(draw) { 
    return $q(function(resolve, reject) { 
     draw.on('drawend', function(e) { 
     e.preventDefault(); 

     if (fitPolygonService.isPolygonsExist()) { 
      var geometry = e.feature.getGeometry(); 
      e.feature.setGeometry(fitPolygonService.fitPolygon(geometry)); 
     } 

     resolve(); 
     }); 
    }); 
    } 

コントローラ

mapDrawingService.startNewPolygonDrawing().then(function() { 
    $scope.showCountButton = true 
});