如何從Elasticsearch短語建議者與AngularJS

Question

試圖顯示來自與ES詞組建議者的建議對象的選項陣列使用AngularJS第一選項10顯示搜索建議，但難倒....

此輸出第一元素在選項數組中：

{{suggestions.options[0].text}} 

該文本是實際的建議。從開發控制檯

輸出在Chrome：

suggest: {,…} 
phraseSuggestion: [{text: "pytho", offset: 0, length: 5, options: [{text: "python", score: 0.12858662}]}] 
0: {text: "pytho", offset: 0, length: 5, options: [{text: "python", score: 0.12858662}]} 
length: 5 
offset: 0 
options: [{text: "python", score: 0.12858662}] 
0: {text: "python", score: 0.12858662} 
text: "pytho" 

如何訪問：

options: [{text: "python", score: 0.12858662}] 

在我的HTML模板，並顯示數組中的第5至10個選項。

Answer 1

所以，如果你有例如這樣的JSON輸出，你要顯示的第一個2選擇項目，你可以這樣做：

JSFiddle

HTML：

<div ng-app="myApp" ng-controller="dummy"> 
    <p ng-repeat="option in out.options | limitTo:2">{{option.text}} - {{option.score}}</p> 
</div> 

JS：

angular.module('myApp', []) 
    .controller('dummy', ['$scope', '$sce', function ($scope, $sce) { 
    $scope.out = { 
     "options": [{ 
      "text": "python", 
       "score": 0.12858662 
     }, { 
      "text": "linux", 
       "score": 0.12858662 
     }, { 
      "text": "php", 
       "score": 0.12858662 
     }, { 
      "text": "js", 
       "score": 0.12858662 
     }, { 
      "text": "java", 
       "score": 0.12858662 
     }] 
    }; 

}]);