2015-09-02 121 views
0

我很難從api調用中訪問數據並在Mapbox上顯示它。我能夠在地圖上顯示一個標記,而我應該有10個標記。我認爲我在用ng-repeat做錯了什麼,但我不確定是什麼。任何幫助,將不勝感激。訪問Angular中對象內數組中的對象

這裏是觀看由API http://jsonblob.com/55e734cee4b01190df374f1e

// index.html 
    <div ng-repeat="venue in bars.venues"> 
    <marker lat="{{venue.location.lat}}" lng="{{venue.location.lng}}"> 
     <h1>{{venue.name}}</h1> 
     <p>{{venue.contact}}</p> 
     <p>{{venue.location.formattedAddress}}</p> 
    </marker> 
    </div> 

// app.js 
    $http.get(url) 
     .then(function (response) { 
     $scope.bars = response.data.response; 
    }); 

// sample data from api 
{ 
    "meta": { 
    "code": 200, 
    "requestId": "55e72707498e3d9a002d7bc4" 
    }, 
    "response": { 
    "venues": [ 
     { 
     "id": "42c1e480f964a520c4251fe3", 
     "name": "The View", 
     "contact": { 
      "phone": "4158961600", 
      "formattedPhone": "(415) 896-1600" 
     }, 
     "location": { 
      "address": "55 4th St", 
      "crossStreet": "at Marriott Marquis", 
      "lat": 37.78510950100554, 
      "lng": -122.40469515323639, 
      "distance": 29, 
      "postalCode": "94103", 
      "cc": "US", 
      "city": "San Francisco", 
      "state": "CA", 
      "country": "United States", 
      "formattedAddress": [ 
      "55 4th St (at Marriott Marquis)", 
      "San Francisco, CA 94103", 
      "United States" 
      ] 
     }, 
     "categories": [ 
      { 
      "id": "4bf58dd8d48988d1d5941735", 
      "name": "Hotel Bar", 
      "pluralName": "Hotel Bars", 
      "shortName": "Hotel Bar", 
      "icon": { 
       "prefix": "https://ss3.4sqi.net/img/categories_v2/travel/hotel_bar_", 
       "suffix": ".png" 
      }, 
      "primary": true 
      } 
     ], 
     "verified": false, 
     "stats": { 
      "checkinsCount": 12634, 
      "usersCount": 9499, 
      "tipCount": 121 
     }, 
     "url": "http://www.sfviewlounge.com", 
     "hasMenu": true, 
     "menu": { 
      "type": "Menu", 
      "label": "Menu", 
      "anchor": "View Menu", 
      "url": "https://foursquare.com/v/the-view/42c1e480f964a520c4251fe3/menu", 
      "mobileUrl": "https://foursquare.com/v/42c1e480f964a520c4251fe3/device_menu" 
     }, 

回答

1

所以我想通了,爲什麼只有一個標誌物顯示完整的JSON響應的鏈接。我以前使用角谷歌地圖和ngMaps作爲模塊。刪除之後,我的所有標記都顯示出來了。

+0

請標記爲答案。 :) – toskv

+0

我將可以在2天內! – Alex