ElasticSearch + AngularJS结果未显示

时间:2015-11-29 20:51:44

标签: javascript html angularjs json elasticsearch

我在使用AngularJS显示elasticsearch客户端返回的数据时遇到问题。 我的html主体中有以下代码:

$array = ["they has mystring in it", "some", "other", "elements"];
if (stripos(json_encode($array),'mystring') !== false) {
echo "found mystring";
}

以及以下AngularJS部分:

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

我正在尝试显示elasticsearch客户端返回的结果。 在控制台中,我可以看到JSON数据已正确返回:

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);
  });
});

不幸的是,我无法在我的网页上看到结果。

以下是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" } } ] } }

的结果

http://www.fotosik.pl/zdjecie/048b598e2183e9f2

我是AngularJS的新手,所以如果你知道它为什么不起作用,请尽量解释。

2 个答案:

答案 0 :(得分:0)

我认为你的观点应该是

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

答案 1 :(得分:0)

好的,我找到了简单的解决方案,但可能这不是很优雅。

在角部:

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

        $scope.$apply(function () {     
        });
    }, function (err) {
        console.trace(err.message);
    });