javascript - md-autocomplete 不显示文本

Question

我正在使用 md-autocomplete 进行自动完成，但是由于某种原因，下拉列表不包含我希望它包含的文本。这是该问题的简化演示:

<md-autocomplete flex
        md-search-text="searchText"
        md-input-name="p"
        md-items="item in search(searchText)"
        md-item-text="item.display"
        md-floating-label="Name"
        md-delay="100"
>
</md-autocomplete>

$scope.search = function(){
    return $q.resolve([{
        value: 1,
        display: "one"
    }, {
        value: 2,
        display: "two"
    }, {
        value: 3,
        display: "three"
    }]);
};

看看这个 fiddle来演示问题。

Answer 1

您尚未在 md-autocomplete 中包含 md-item-template。您的 md-autocomplete 应该如下所示:

<md-autocomplete flex
            md-search-text="searchText"
            md-input-name="p"
            md-items="item in search(searchText)"
            md-item-text="item.display"
            md-floating-label="Name"
            md-delay="100"
    >
    <md-item-template>
        <span md-highlight-text="searchText" md-highlight-flags="^i">{{item.display}}</span>
    </md-item-template>
</md-autocomplete>

Here是您代码的一个工作分支。