远程输入，无需查询

Question

我正在尝试使用Typeahead和bloodhound框架来搜索api路径的响应，从远程api调用。

例如url api.example.com/getEndpoints我将收到一个包含所有端点的对象。我希望提前输入过滤这些端点。据我所知，您希望在使用远程时指定查询，而我显然不能，因为我只是在一个请求中接收所有端点。

有解决这个问题的方法或建议吗?

我的代码看起来像

    // Instantiate the Bloodhound suggestion engine
var endpoints = new Bloodhound({
    datumTokenizer: function (datum) {
        console.log('datumTokenizer, datum: ', datum, ', datum.value: ', datum.value);
        return Bloodhound.tokenizers.whitespace(datum.value);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: 'https://api.example.com/getEndpoints',
        filter: function (endpoints) {
            console.log(endpoints);
            // Map the remote source JSON array to a JavaScript object array
            return Object.keys(endpoints).map(function (endpointPath) {
                console.log(endpointPath);
                return {
                    value: endpointPath
                };
            });
        }
    },
    limit: 10
});
// Initialize the Bloodhound suggestion engine
endpoints.initialize();
// Instantiate the Typeahead UI
$('#inputPath').typeahead(
    {
        hint: true,
        highlight: true,
        minLength: 1
    }, {
        displayKey: 'value',
        source: endpoints.ttAdapter()
    }
);

Answer 1

我认为你想要prefetch而不是remote。

看看https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md#prefetch