入力が空の場合、mdオートコンプリートは結果を表示しません

Question

md-autocomplete要素を使用していますが、検索フィールドが空のときにドロップダウンがありません。それはquerySearch関数を呼び出すことさえしません。私が何かを入力すると、関数がトリガされ、オートコンプリートが機能します。私は間違って何をしていますか？

HTML：

 <md-autocomplete 
      md-selected-item="selectedItem" 
      md-no-cache="true" 
      md-search-text="searchText" 
      md-items="item in querySearch(searchText)" 
      md-item-text="item.name" 
      placeholder="Select a Product"> 
       <span md-highlight-text="searchText"> 
       {{ '{{item.originalName}} ({{item.id}})' }} 
       </span> 
     </md-autocomplete> 

はJavaScript：

 function querySearch(query) { 
      var results = query ? $scope.products.filter(createFilterFor(query)) : $scope.products; 
      return results; 
     } 


     function createFilterFor(query) { 
      var lowercaseQuery = angular.lowercase(query); 

      return function filterFn(item) { 
       return (angular.lowercase(item.originalName).indexOf(lowercaseQuery) === 0); 
      }; 

     } 

Answer 1

あなたはMD-MIN-length属性を追加し、0

<md-autocomplete 
     md-selected-item="selectedItem" 
     md-no-cache="true" 
     md-search-text="searchText" 
     md-items="item in querySearch(searchText)" 
     md-item-text="item.name" 
     md-min-length="0" 
     placeholder="Select a Product"> 
      <span md-highlight-text="searchText"> 
      {{ '{{item.originalName}} ({{item.id}})' }} 
      </span> 
    </md-autocomplete> 

に設定する必要があり