AngularJs，ngRepeat無法正常工作

Question

我正在使用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也不顯示。 誰能告訴我哪里出了問題？

Answer 1

您需要使用

$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(); } 

檢查何時使用$ scope。$ apply（）