Javascript 如何使用AngularJS显示Elasticsearch短语建议器中的搜索建议

尝试使用AngularJS从ES短语Suggester的Suggest对象的options数组中显示前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个选项。

因此，如果您有类似这样的JSON输出，并且希望显示前2个选项项，则可以执行以下操作：

HTML:

---

我不明白，你用

{{建议.options[0].text}}

@Michelem是的，我明白，我想做的是列出5-10个选项，而不是仅仅列出1个，这些都是代码显示的非常感谢！仍然在学习角度-这看起来很棒-知道如何使用它是成功的一半！

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

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

}]);