angularjs - 在 AngularJS Material 中首次单击时显示自动完成下拉菜单
问题描述
我有一个来自 AngularJS Material 的 md-autocomplete 组件,它没有在第一次单击输入后显示带有选项的下拉列表,正如它应该显示的那样。当我在完成搜索后单击输入然后删除输入的输入时,它会在下拉列表中显示完整的选项列表。谁能告诉我的代码有什么问题?这是我的代码:
我尝试了 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>
解决方案
我设法通过添加<md-not-found>
元素来修复它。
推荐阅读
- windows - 从不同的 Windows 域访问 Bitbucket Git 存储库
- mysql - MySQL 返回特定日期
- git - 在 git rebase 中仅列出我们删除、我们添加、他们删除等的文件
- python - 对 MNIST 数字数据集进行分类的 4 层感知器神经网络无法正常工作
- javascript - 如果用户单击屏幕上的任意位置,如何关闭菜单?
- python - 如果超参数调整的影响很小,我该如何改进我的 XGBoost 模型?
- html - wordpress 中的 Html 响应式图像映射
- javascript - 从数组中删除未选择的项目
- spring-boot - 使用 apikey 进行 Spring Boot Swagger 身份验证
- angular - 角度单元测试不会初始化 ag-Grid