[英]AngularJS - ngSwitch and ngClick not working in ngRepeat
[英]AngularJs, ngRepeat not working
我正在使用AngularJs。 我正在显示带有标记的Google地图。 单击标记后,我将显示单击的标记详细信息。
这是我的Controller.js
function createMarker(latitude,longitude,name,address,locationId,sid){
var marker = new google.maps.Marker({
map: $scope.map,
position: new google.maps.LatLng(latitude,longitude),
title: name
});
$scope.leadsForMap=[];
$scope.location={};
google.maps.event.addListener(marker, 'click', function() {
$scope.location = {
name: name,
sid: sid,
address: address,
locationId:locationId
};
$scope.leadsForMap.push($scope.location);
$scope.markers.push(marker);
}
在HTML中,我试图循环$scope.leadsForMap
数组,并在单击后显示特定详细信息,如下所示
html
<div data-ng-repeat="location in leadsForMap track by $index" data-ng-
if="leadsForMap.length>0">
{{$index+1}} {{location.name}} - {{location.sid}},{{location.address}}
</div>
但是,即使$scope.leadsForMap
具有值,此div也不显示。 谁能告诉我哪里出了问题?
您需要使用
$scope.$apply()
当事件超出角度范围时,必须使用$scope.$apply
,并且角度超出范围时,角度不会运行摘要循环。
您需要运行摘要循环,该循环将由$ scope。$ apply()手动运行。
google.maps.event.addListener(marker, 'click', function() { $scope.location = { name: name, sid: sid, address: address, locationId:locationId }; $scope.leadsForMap.push($scope.location); $scope.markers.push(marker); $scope.$apply(); }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.