[英]Object doesn't show on leaflet angularJS
我正在制作一個用於AngularJS培訓的小應用程序,但我遇到了問題。 我正在通過API接收JSON數據,然后使用Angular的傳單指令將其顯示在地圖中。
問題是我嘗試顯示的一件事給我一個錯誤。
這是我的控制器:
toulouseVeloControllers.controller('toulouseVeloListCtrl', ['$scope', '$http',
function($scope, $http) {
angular.extend($scope, {
osloCenter: {},
markers: {},
defaults: {
scrollWheelZoom: false
}
});
$http.get('https://api.jcdecaux.com/vls/v1/stations?contract=toulouse&apiKey=*************************************').success(function(data) {
$scope.bornes = data;
$scope.markers=[];
$scope.osloCenter=[];
for (var i = 0; i < data.length; i++) {
$scope.markers[i] = {
lat: data[i].position.lat,
lng: data[i].position.lng,
message: data[i].available_bikes,
focus: false,
draggable: false
};
}
$scope.osloCenter = {
lat: data[10].position.lat,
lng: data[10].position.lng,
zoom: 15
};
});
}]);
這是我的HTML:
<div ng-controller="toulouseVeloListCtrl">
<leaflet markers="markers" center="osloCenter" style="width: 100%; height: 500px;"></leaflet>
</div>
在$scope.markers[i]
,當我嘗試顯示data[i].available_bikes
,它給我一個錯誤,但是如果我嘗試顯示其他類似的data[i].name
或data[i].address
,沒問題
誰能告訴我這是怎么回事?
非常感謝 !
彈出窗口的內容必須為字符串。
for (var i = 0; i < data.length; i++) {
$scope.markers[i] = {
lat: data[i].position.lat,
lng: data[i].position.lng,
message: "Available Bikes: " + data[i].available_bikes,
focus: false,
draggable: false
};
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.