0

angularjs UI-mapを使用しています。firebaseからデータをループします。これまでのところは問題ありませんが、マーカーをクリックすると、常に最後のクエリ データが表示されます。ここにスニッパーコードがあります

htmlで

    <!-- Setup Marker -->
    <div    ng-repeat="marker in markers"
            ui-map-marker="markers[$index]"
            ui-event="{'map-click': 'showMarkerInfo(marker)'}">
    </div>

    <!-- Setup Marker Info Window -->
    <div ui-map-info-window="infoWindow">
        <div>Marker - <input ng-model="full_name"></div>
        <div>Message</div>
    </div>

JSで

firebaseAuth.firebaseRef.child('/human/').on('child_added', function(snapshot) {
    $scope.users = snapshot.val();
    $scope.latLng = new google.maps.LatLng($scope.users.lat, $scope.users.lng);
    $scope.markers.push(new google.maps.Marker({
        map: $scope.map,
        position: $scope.latLng
    }));

});


        $scope.showMarkerInfo = function(marker) {
            $scope.currentMarkerLat = $scope.users.full_name;
            $scope.infoWindow.open($scope.map, marker);
            console.log(marker);
        };
4

1 に答える 1