- $の範囲からJSONデータを取得できません

Question

イムは、このGoogleマップのプロジェクトに取り組んで、私は、JSONが

angular 
.module('angular-google-maps', ['uiGmapgoogle-maps']) 
.controller('mainController', controller); 

function controller ($scope, $http, $filter) { 
    $http.get('/data/markers.json').success(function(data) { 
    $scope.markers = data; 
    }); 

    $scope.map = { 
     center: { 
     latitude: 52.339287, 
     longitude: 4.925805 
     }, 
     zoom: 8, 
     markers: $scope.markers 
    }; 

$scope.options = {}; 

}; 

を動作させることはできません私が正しく理解していれば、私はちょうど使用してデータを取得することができます$ scope.markersは正しいですか？

Answer 1

不幸ではありません。 $scope.markers = data;を割り当てると、変数が参照しているオブジェクトが変更されていますが、$scope.map.makersはまだ古い値（つまりundefined）を参照しています。以上、この来るための最も簡単な方法の

2：

1）derectly変数を参照：

$http.get('/data/markers.json').success(function(data) { 
    $scope.map.markers = data; 
    $scope.markers = data; 
}); 

2）ウォッチ：

$scope.markers = null; 
$http.get('/data/markers.json').success(function(data) { 
    $scope.markers = data; 
}); 

// This is fired whenever makers is changed 
$scope.$watch('makers', function(value) { 
    $scope.map.markers = value; 
}); 

Answer 2

あなたはthenメソッドを使用して、コールバックでmapオブジェクトを変更する必要があります=データ

$http.get('/data/markers.json').then(function(data) { 
     $scope.markers = data; 
     $scope.map.markers = data; 
}); 

Answer 3

$ scope.markers。非同期リクエストの後にコールするので、マーカー$ scope.markersは未定義の$ scope.markersを呼び出します。

Answer 4

httpからのデータの値が非同期で、$ scope.markersが非同期であるため、$ scope.map.markersでデータを取得できませんでした。初期化

TRY：

angular 
    .module('angular-google-maps', ['uiGmapgoogle-maps']) 
    .controller('mainController', controller); 

function controller ($scope, $http, $filter) { 
    $http.get('/data/markers.json').success(function(data) { 
    $scope.markers = data; 

    $scope.map = { 
     center: { 
     latitude: 52.339287, 
     longitude: 4.925805 
     }, 
     zoom: 8, 
     markers: $scope.markers 
    }; 

$scope.options = {}; 
    }); 


};