Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Ng更改后,Ng click停止更新范围_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 使用Ng更改后,Ng click停止更新范围

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

我正在编写一个简单的应用程序,遇到了一个问题。我有一个范围元素和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="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){},这在控制器中。