I want to get length my json date. I have service whose take date json from http url. Code looks like this:

---restaurantData.js.coffee---

angular.module('Rest').factory('restaurantData', ['$http', ($http) ->



  restaurantData =

    data:

      restaurants: [{title: 'Loading', discription: ''}]

    isLoaded: false



  restaurantData.loadRestaurants = ->

    if !restaurantData.isLoaded

       $http.get('./restaurants.json').success( (data) ->

         restaurantData.data.restaurants = data

         restaurantData.isLoaded = true

         console.log('Successfully loaded restaurants.')

       ).error( ->

         console.error('Failed to load restaurants.')

       )    

  return restaurantData    

])

Then I add this data in controller mainRestCtrl.js.coffee

---mainRestCtrl.js.coffee---

@RestCtrl = ($scope, $location, $http, restaurantData) ->



  $scope.data = restaurantData.data



  restaurantData.loadRestaurants()



  console.log($scope.data)

  ...

If I watch console google chrome logs I get this data:

Object {restaurants: Array[1]}

  restaurants: Array[36]

  0: Object

  1: Object

  2: Object

  ...

  33: Object

  34: Object

  35: Object

    length: 36

If I add length

console.log($scope.data.length)             \get in console undefined

console.log($scope.data.restaurants.length) \get in console only 1 restaurant with 

                                              title: 'Loading'

How to get length equal 36 restaurants? Thanks for advice!

UPD solution

---mainRestCtrl.js.coffee---

...

restaurantData.loadRestaurants().then (res) ->

    $scope.rests = res

    console.log($scope.rests.data.length) \console log chrome return 36

    return

...