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

Question

使用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 有另一種方式？

Answer 1

您的代碼似乎與materializecss的v0.98.2版本正常工作。

我剛剛從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>