没有填充typeahead.js的ajax自动完成

Question

我正在尝试进行自动完成搜索并且它无法正常工作，我不确定我的JSON文件模板是否有问题，但是我得到了下拉功能，没有如下结果：

标题

$('#search').typeahead([{                              
        name: 'stooges',
        valueKey: '',
        remote: {
            url: 'application/search/test.json',
            ttl: '0',
            filter: function (parsedResponse) {
                // parsedResponse is the array returned from your backend
                console.log(parsedResponse);

                // do whatever processing you need here
                return parsedResponse;
            }
        },                                             
        template: [                                                                 
            '{{#stooges}}',
    '<b>{{name}}</b>',
    '{{/stooges}}'
        ].join(''),                                                                 
        engine: Hogan // download and include http://twitter.github.io/hogan.js/                                                               
    }]);

    });

应用/搜索/ test.json

{
  "stooges": [
    { "name": "Moe" },
    { "name": "Larry" },
    { "name": "Curly" }
  ]
}

HTML

<input id="search"/>

控制台输出：

Answer 1

请您尝试删除

valueKey: ''

代码就像

$('#search').typeahead([{                              
        name: 'stooges',
        remote: {
            url: 'application/search/test.json',
            filter: function (parsedResponse) {
                // parsedResponse is the array returned from your backend
                console.log(parsedResponse);

                // do whatever processing you need here
                return parsedResponse;
            }
        },                                             
        template: [                                                                 
            '{{#stooges}}',
    '<b>{{name}}</b>',
    '{{/stooges}}'
        ].join(''),                                                                 
        engine: Hogan // download and include http://twitter.github.io/hogan.js/                                                               
    }]);

    });

如果能够正常工作，请告诉我。

Answer 2

尝试更改JSON响应的文件名以匹配名称 - 'application / search / test.json' - ＆gt; '应用/搜索/ stooges.json'。