how to access embedded arrays that is loaded asynchronously

Question

Name of Object is totalCount
How do I access count from above? I tried: Object.result and it's coming out undefined

Second attempt:

var count = totalCount.result;
for(var i = 0; i < count.length; i++) {
  console.log(count[i])
  // no 'length' property of undefined
}

I totally have no problem accessing this totalCount with angular

<div ng-repeat="num in totalCount.result">
  {{ num.count }} // returns 1
</div>

==========================My Answer======================================== @Norguard mentioned that retrieving data asynchronously will have some implications with loading in the data. So, I put my data in a promise:

exports.totalCount = function ($http) {
    return new Promise(function(resolve, reject) {
        $http.get('/api/count')
                    .success(function (data) {
                        resolve(data)
                    })
                    .error(function (err) {
                        reject(err)
                    })
    })
}

this is the draft of my controller:

exports.countController = function ($scope, $http, totalCount) {
    var c = totalCount.then(function(data) {
        console.log(data[0].count)
    })
}

Answer 1

If the variable name of the Object is totalCount, then

totalCount.result[0].count

will return the count of 1 from the object example you've shown.

Here's how this works:

1. totalCount is the object.
2. result is an array, with 1 item in the example you've shown.
3. [0] is the first (and only) item in the result array.
4. count is the property you want.

So totalCount.result[0].count gets the count property, from the 0th item in the result array from the totalCount object.

Answer 2

totalCount.result[0].count;

But that depends on when you're trying to access it and how you're using it.