谷歌地图显示未捕获的错误:达到10次$digest()迭代.流产!角的应用
Google maps showing Uncaught Error: 10 $digest() iterations reached. Aborting!; angular app
我试图用我的角应用程序创建一个地图,以显示地图上的坐标。这些坐标是从我的api中获得的,并显示在详细页面上。但是HTML代码给了我错误:
HTML:未捕获错误:10 $digest()迭代到达。流产!
<input value="{{place.place.name}}">
<label>zoom</label>
<input type="number" ng-model="zoom"/>
<div id="map_canvas">
<google-map center="{latitude: place.place.lat,longitude: place.place.lng}" zoom="zoom" draggable="true" options="options">
<marker coords="{latitude: place.place.lat,longitude: place.place.lng}"></marker>
</google-map>
</div>
所有这些代码都显示了上面的错误。我该如何解决这个问题?下面是我的javascript,总的来说,我有一个地方列表,然后用户点击这个地方和这个地方的细节。该页还允许用户向该页添加类别。这是整个控制器链接到地图所在的页面:
$http.get('http://94.125.132.253:8000/getuncategorisedplaces').success(function (data, status, headers) {
$scope.places = data;
console.log(data);
$scope.message = 'Uncategorised places';
})
$scope.id = $routeParams.id;
$scope.showplace = function(id) {
$http({method: 'GET', url: 'http://94.125.132.253:8000/getitemdata?ID=' + $scope.id}).
success(function(data, status, headers, config) {
$scope.place = data; //set view model
console.log(data);
console.log(id);
$scope.view = 'templates/detail.html';
})
.error(function(data, status, headers, config) {
$scope.place = data || "Request failed";
$scope.status = status;
$scope.view = 'templates/detail.html';
});
}
$scope.showplace();
$scope.map = function(){
$scope.zoom = 13;
}
$scope.map();
$scope.meta = function () {
$http.get('http://94.125.132.253:8000/getmetas').success(function (data, status, headers) {
$scope.metas = data;
console.log($scope.category);
console.log(data);
$scope.message = 'List of Uncategorised places';
})
}
$scope.meta();
$scope.meta1 = function (data, status, headers) {
var formdata = {
'cat': $scope.cat,
}
var inserturl = 'http://94.125.132.253:8000/getcategories?meta=' + formdata.cat;
return $http.get(inserturl).success(function (data, status, headers) {
$scope.categories = data;
console.log(formdata.cat);
console.log(data);
});
};
$scope.$watch('cat', function (newvalue) {
$scope.meta1();
});
$scope.meta2 = function (data, status, headers) {
var formdata = {
'category': $scope.category,
}
var inserturl = 'http://94.125.132.253:8000/getsubcategories?category=' + formdata.category;
return $http.get(inserturl).success(function (data, status, headers) {
$scope.subcategories = data;
console.log(formdata.sub);
console.log(data);
});
};
$scope.$watch('category', function (newvalue2) {
$scope.meta2();
});
我想你对使用angularjs的谷歌地图感兴趣。
我建议使用另一种方法ng-map,就像我在这里建议的那样Google maps for AngularJS
使用ngMap,我可以很容易地满足你的需求,你不必知道指令选项和指令。
<script>
var MyCtrl = function($scope) {
$scope.updateCenter = function(lat,lng) {
$scope.map.setCenter(new google.maps.LatLng(lat, lng));
}
}
</script>
<body ng-controller="MyCtrl">
<map center="[40.74, -74.18]"></map>
<button ng-click="updateCenter(41.74, -75.18)">Update Center</button>
</body>
例子!
据我所知,你的html没有问题。当你创建一个循环时,就会出现这个错误,比如当你更新一个被监视的变量,在触发事件函数中你再次更新它。
你能编辑你的问题并展示你的javascript吗?
相关文章:
- Angular-错误:达到10$digest()迭代.正在中止
- 角度达到 10 次 $digest() 迭代
- ng递归地包括整个index.html;达到“10$digest()迭代”;
- AngularJS 10 $digest() 迭代在列表显示时达到
- JavaScript 运行时错误:[$rootScope:infdig] 达到 10 次$digest() 迭代.中止!
- 为什么我达到了 $digest () 迭代?如何跟踪递归脚本的活动
- AngularJs:错误:用于配对项目的自定义筛选器引发错误:“达到 10 次 $digest() 迭代.流产!
- AngularJS:未捕获错误:已达到[$rootScope:infdig]10$digest()迭代
- 角面包屑”;达到10$digest()迭代.正在中止&”;
- 调用ng-erepeat内部的API函数,提示错误.达到10$digest()迭代.在angularjs中中止
- 角度错误:达到10$digest()迭代
- $rootScope:infdig已达到10$digest()迭代.正在中止
- 在角度1.1.x中为ng重复写入的滤波器的$digest迭代错误
- Angular JS错误:达到10$digest()迭代.正在中止
- 谷歌地图显示未捕获的错误:达到10次$digest()迭代.流产!角的应用
- 已完成10次$digest()迭代.流产!“角.复制,重复
- 为什么ng-include会导致$digest迭代到达
- 在我的指令中调用函数会产生错误:达到10$digest()迭代
- 错误:[$rootScope:infdig] 10 $digest()迭代到达.流产
- Angular 10的$digest()迭代达到随机数