1

私は 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期待どおりに表示されません。オプションの 1 つを選択するdisplay_nameと、選択した項目の が入力フィールドに表示されます。私が間違っている可能性のあるアイデアはありますか？

4

1 に答える 1

2

タグ内のドロップダウンに情報を表示する方法を定義する必要があります<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

于 2016-09-10T12:10:11.213 に答える