不要在AngularJS中使用占位符

时间:2014-08-01 10:09:35

标签: javascript angularjs

我正在使用这个项目(http://angular-google-maps.org/#!/)来处理AngularJS。我需要使用服务(service.latitude,service.longitude,service.id)

app.js

function ( $scope, markerService ) {
    var markerCollection = [];

    angular.extend($scope, {
      map: {
        control: {},
        center: {
          latitude: 33.5,
          longitude: -112
        },
        zoom: 10,
        fit: true,
        visible: true,
        pan: true,
        options: {
          navigationControl: true,
          scaleControl: true
        }
      }
    });


        var setMapMarkers = function (){
      var markers = {};
      var index = 0;
      angular.forEach($scope.services, function (key) {
        var service = key.address;
        markerCollection.push(service);
        var serviceId = service.service.id;
        markers[index] = {
          "latitude": parseFloat(service.latitude),
          "longitude": parseFloat(service.longitude)
        };
        index++;
      });
      $scope.markers = markers;
    };
    setMapMarkers();    

 }

的index.html

<div class='map-container' ng-controller='MapController'>
     <google-map center='map.center' draggable='true' pan='true' zoom='map.zoom'>
       <layer type='TransitLayer'>
         <marker coords='m' ng-repeat='m as markers'></marker>
        </layer>
    </google-map>
</div>

我不知道我的问题是否仍然存在于ng-repeat中。 Soomebody可以帮助我吗?

1 个答案:

答案 0 :(得分:3)

你的ng-repeat应该是&#34; m in markers&#34;不是&#34; as&#34;。

如果没有markerService代码,则无法查看是否还有其他问题。你确实有你的开发者控制台吗?