无需查询的预输入遥控器

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