Question

我有一个md-autocomplete字段：

<md-autocomplete md-selected-item="videoInfo.lineUp[1]" md-items="item in searchQuery(searchText)" md-search-text="searchText" md-item-text="item.display"></md-autocomplete>

我用

填充md-items

$scope.searchQuery = function (searchText) {
    var users = [];
    angular.forEach($scope.users,
        function (value, key) {
            // value = user object
            // key = userId
            var dN = value["display_name"];
            if (dN) {
                var obj = {};
                obj[key] = value;
                obj["display"] = dN;
                if (dN.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
                    users.push(obj);
                }
            }
        });
    return users;
}

它的工作方式是我可以输入输入字段并加载建议，但是下拉列表是空的，即它没有像我预期的那样显示display_name。当我选择其中一个选项时，所选项目的display_name会显示在输入字段中。我有什么想法可能做错了吗？

Answer 1

您需要定义如何在 <md-autocomplete>标记的下拉列表中显示信息。这是一个例子 - CodePen

标记

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp"> <md-autocomplete flex md-selected-item="text" md-no-cache="true" md-items="item in vm.items()" md-min-length="0"> <span id="autocompleteText" md-highlight-text="searchText">{{item}}</span> </md-autocomplete> </div>

https://material.angularjs.org/latest/demo/autocomplete

md-autocomplete不显示li项目文本

1 个答案: