AngularJS的md-autocomplete无法显示项目列表。 _编程开发

AngularJS的md-autocomplete无法显示项目列表。

创始人

2024-10-27 07:33:47

0次

这个问题能够通过以下代码示例进行解决：

HTML代码：

{{item.display}} 没有 "{{searchText}}" 相关的匹配项。

JavaScript代码：

$scope.querySearch = function(query) { var items = $scope.allItems; var results = []; for(var i=0; i

$scope.allItems= [{id: 1, display: 'Apple'},{id: 2, display: 'Banana'}, {id: 3, display: 'Grape'}, {id: 4, display: 'Pineapple'}, {id: 5, display: 'Mango'}];

在上述代码中，“querySearch”函数是一个用于搜索和返回匹配项的自定义函数。它需要接受一个搜索文本（“query”）参数，并返回一个包含匹配项的数组。在这种情况下，“allItems”数组是一个包含所有选项的数组，而“display”是显示在搜索框中的名称。

请注意，为了确保搜索文本与选项名称的匹配，我们使用了JavaScript的indexOf()函数，并将搜索文本强制转换为小写形式。这意味着“Apple”、“apple”和“APPLE”都会被识别为匹配项。

上一篇：AngularJS的路由指定controller时，为什么需要使用字符串而不能直接使用controller的函数名？并请详细解释其原因。

下一篇：AngularJS的model对象被转换为数组

AngularJS的md-autocomplete无法显示项目列表。

相关内容

热门资讯