Witam, pisze prosta aplikacje ktora uzywa google maps. Dodalem znacznik i chcialbym narysowac okrag ktorego promien zmieniany jest "slajderem". Poczatkowo dziala - guziki plus i minus aktualizuja element "range" (czyli ten pionowy suwak zmienia pozycje odpowiednio) ktory jest podpiety do zmiennej w $scope, ktora jest podpieta pod atrybut "radius" na "google.maps.Circle". Klikniecie w dowolny punkt "range" tez dziala - zmienia sie promien okregu i pozycja suwaka na elemencie "range". Problem w tym, ze gdy raz klikne bezposrednio na element "range", przyciski przestaja go aktualizowac - klikniecie zmienia wartosc zmiennej rangeSliderRadius i promien okregu na mapie, ale suwak pozostaje w starej pozycji, tak jakby to "two-way binding" przestalo dzialac nagle.
Ponizej moj kod:

<div class="item range">
	<i class="icon ion-minus" ng-click="testingMinus()"></i>
	<input id="rangeSlider" type="range" min="1" max="501" name="zoomLevel" ng-model="rangeSliderRadius" ng-change="updateCircleRadius(rangeSliderRadius)">
	<i class="icon ion-plus" ng-click="testingPlus()"></i>
</div>

i kontroler:

$scope.rangeSliderRadius = 250;
circle = new google.maps.Circle({
	map: map,
	center: latLng,
	radius: $scope.rangeSliderRadius,
	editable: true
})
$scope.updateCircleRadius = function(val) {
	circle.setRadius(parseInt(val));
	$scope.rangeSliderRadius = parseInt(val);
}
$scope.testingPlus = function() {
	if (parseInt(circle.getRadius()) <= 501) {
		var tempRadius = parseInt(circle.getRadius()) + 5;
		$scope.updateCircleRadius(tempRadius);
	}
}

Przeklikalem obserwujac wartosci zmiennych, ale niczego dziwnego nie zauwazylem. Czy ktos sie juz z tym spotkal albo moglby mi pomoc znalezc przyczyne?