I have a problem with displaying data returned by elasticsearch client using AngularJS. 
I have the following code in my html body:

```
<div ng-app="elasticApp" ng-controller="elasticCtrl" class="container-fluid">
  <div ng-repeat="x in hits">
    {{ hits._id }}
  </div>
</div>

```

and the following AngularJS part:

```
var elasticApp = angular.module('elasticApp', ['elasticsearch']);

elasticApp.controller('elasticCtrl', function ($scope, esFactory) {
  var client = new elasticsearch.Client({
    host: 'localhost:9200',
    log: 'trace'
  });

  client.search({       
    index: 'riverindex',
    type: 'river',
    body: {
      query: {
        "match_all" : { } 
      }
    }
  }).then(function (resp) {
    $scope.hits = resp.hits.hits;
    console.log($scope.hits);
  }, function (err) {
    console.trace(err.message);
  });
});

```

I am trying to display results returned by the elasticsearch client. 
In the console, I can see that the JSON data was returned correctly:

```
TRACE: 2015-11-29T19:00:09Z

-> POST http://localhost:9200/riverindex/river/_search
{
  "query": {
    "match_all": {}
  }
}

<- 200
{
  "took": 4,
  "timed_out": false,
  "_shards": {
    "total": 5,
    "successful": 5,
    "failed": 0
  },
  "hits": {
    "total": 1,
    "max_score": 1,
   "hits": [
      {
        "_index": "riverindex",
        "_type": "river",
        "_id": "563e18e6d5603e015ca34165",
        "_score": 1,
        "_source": {
          "test": "test",
          "_id": "563e18e6d5603e015ca34165"
        }
      }
    ]
  }
}

```

Unfortunatelly, I can't see results on my web page.

The following is the result of `console.log($scope.hits)`:

[![http://www.fotosik.pl/zdjecie/048b598e2183e9f2](https://i.stack.imgur.com/8c4FY.png)](https://i.stack.imgur.com/8c4FY.png)

I'm new to AngularJS, so if you have idea why it is not working, please try to explain as simple as you can.