Показать раскрывающийся список автозаполнения при первом нажатии в AngularJS Material

Question

У меня есть компонент md-autocomplete из AngularJS Material, и он не показывает раскрывающийся список с опциями после первого щелчка на входе, как это должно быть показано. Он показывает полный список параметров в раскрывающемся списке, когда я нажимаю на ввод после того, как я выполнил поиск, а затем удаляю введенный ввод. Может кто-нибудь сказать, что не так в моем коде? Вот мой код:

Я пробовал атрибут md-min-legth, но он не работает.

<md-autocomplete ng-disabled="false"
                 md-no-cache="true"
                 name="projectAutocompleteFormRecord"
                 md-selected-item="model.TimeRecord.Project"
                 md-items="project in querySearchForProjectRecord(searchProjectTextRecord)"
                 md-item-text="project.Code + (project.DerivedCode ? project.DerivedCode : '') + '-' + project.Title"
                 md-search-text="searchProjectTextRecord"
                 md-min-length="0"
                 placeholder="Project">
 <md-item-template>
     <div class="item-title">
          <span md-highlight-text="searchProjectTextRecord"
               md-highlight-flags="ig">
               {{project.Code + (project.DerivedCode ? project.DerivedCode   : "") + "-" + project.Title}}
          </span>
      </div>
 </md-item-template>
</md-autocomplete>

<script>
// initialize of $scope.projs;
$scope.searchProjectTextRecord = "";
$scope.querySearchForProjectRecord = function (query) {
      var results = [];
      var projects = $scope.projs;
      if (projects) {
         results = query ? projects.filter(item => item.Code.toLowerCase().includes(query.toLowerCase()) ||item.Title.toLowerCase().includes(query.toLowerCase())) : projects;
      }
      return results;
}
</script>

Answer 1

Мне удалось это исправить, добавив элемент <md-not-found>.