typeahead.js - 如何在 Bootstrap 标签输入中使用 typeahead 选项

Question

我正在使用带有typeahead的Bootstrap 标签输入，我想知道如何将默认选项设置为typeaheadjs。在示例中，我看到了这样的内容：

var input = $('input');
input.tagsinput({
    itemValue: 'value',
    itemText: 'text',
    typeaheadjs: {
        name: 'engine',
        displayKey: 'text',
        source: engine.ttAdapter()
}

在这里，typeaheadjs代表一个数据集，但我如何添加基本选项，如提示、突出显示、最小长度？

Answer 1

您可以将 add typeaheadjs 作为对象数组提供。第一个对象是选项和第二个数据集

typeaheadjs: [ {options}, {datasets} ]

这样的事情应该做。

$('input').tagsinput({
    typeaheadjs: [{
          minLength: 3,
          highlight: true
    },{
        minlength: 3,
        name: 'citynames',
        displayKey: 'name',
        valueKey: 'name',
        source: citynames.ttAdapter()
    }],
    freeInput: true
});

这是一个演示

希望这可以帮助。