Materialize.css 自动完成 - 如何使用 minLength = 0 打开列表

【问题标题】：Materialize.css autocomplete - how to make list open with minLength = 0Materialize.css 自动完成 - 如何使用 minLength = 0 打开列表
【发布时间】：2017-03-23 14:51:31
【问题描述】：

使用 Materialize.css 自动完成：我希望在聚焦文本框时打开列表，即使没有输入任何字符。我试图设置 {minLength: 0}:

$('#dataset_input').autocomplete({data: res, limit : 20, minLength: 0})

但它似乎不起作用。

我怀疑的原因是对 val 的检查（来自 github）：

if (data.hasOwnProperty(key) &&
                      key.toLowerCase().indexOf(val) !== -1 &&
                      key.toLowerCase() !== val) {
                    // Break if past limit
                    if (count >= options.limit) {
                      break;
                    }

在这种情况下，val 的长度为 0。还有其他方法吗？

【问题讨论】：

标签： javascript autocomplete materialize

【解决方案1】：

您的代码似乎在 v0.98.2 版本的 materializecss 上运行良好。

我刚刚从 materializecss 网站获取示例并添加了您的代码（带有用于自动完成的示例数据）。

这就是我所做的，并且成功了：

<div>
    <div class="row">
        <div class="col s12">
            <div class="row">
                <div class="input-field col s12">
                    <i class="material-icons prefix">textsms</i>
                    <input type="text" id="autocomplete-input" class="autocomplete">
                    <label for="autocomplete-input">Autocomplete</label>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $( document ).ready(function() {
        $('#autocomplete-input').autocomplete({data: {"Apple": null,"Microsoft": null,"Google": 'https://placehold.it/250x250'}, limit : 20, minLength: 0})
    });
</script>

【讨论】：