Javascript 使用Ng更改后,Ng click停止更新范围
我正在编写一个简单的应用程序,遇到了一个问题。我有一个范围元素和2个可点击图标,如下所示:Javascript 使用Ng更改后,Ng click停止更新范围,javascript,html,angularjs,Javascript,Html,Angularjs,我正在编写一个简单的应用程序,遇到了一个问题。我有一个范围元素和2个可点击图标,如下所示: <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="ran
<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>
在我的控制器中,我有:
$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($scope.rangeSliderRadius) <= 501) {
var tempRadius = parseInt($scope.rangeSliderRadius) + 5;
$scope.updateCircleRadius(tempRadius);
}
}
$scope.rangeSliderRadius=250;
圆圈=新的google.maps.circle({
地图:地图,
中心:拉特林,
半径:$scope.rangeSliderRadius,
可编辑:真
})
$scope.UPDATECIRCERADIUS=函数(val){
圆.setRadius(parseInt(val));
$scope.rangeSliderRadius=parseInt(val);
}
$scope.testingPlus=函数(){
如果(parseInt($scope.rangeSliderRadius)在plunker中检查此项似乎有效…请尝试删除circle.setRadius(…)我没有这样做,我看到了…也许你在控制台上有一个异常?嗨,谢谢你的回答。我试图删除对圆圈的引用,但没有改变任何东西。不幸的是,也没有错误或异常。这就好像一旦使用了range元素,不知何故我就失去了对它的访问权-在我打开它时为它创建了一些内部隐藏状态d对旧版本的引用?只是一个猜测。我不知道这是否重要,但所有这些都在$cordovaGeolocation.getCurrentPosition(options)中。然后(函数(position){},这在控制器中。在plunker中检查此项似乎有效…尝试删除圆。setRadius(…)我没有这样做,我看到了…也许你在控制台上有一个异常?嗨,谢谢你的回答。我试图删除对圆圈的引用,但没有改变任何东西。不幸的是,也没有错误或异常。这就好像一旦使用了range元素,不知何故我就失去了对它的访问权-在我打开它时为它创建了一些内部隐藏状态我不知道这是否重要,但所有这些都在$cordovaGeolocation.getCurrentPosition(options)中,然后(function(position){},这在控制器中。