Angularjs md自动完成未在HTML页面上呈现

当用户在“自动完成”框中键入状态名时，我使用此代码搜索状态。我在控制台上得到结果，但它没有显示项目文本HTML

<md-content class="md-padding">                         
    <form ng-submit="$event.preventDefault()">                               
      <md-autocomplete                                   
          md-no-cache="true"
          md-selected-item="$ctrl.displayStates[$index].state"                                    
          md-search-text="$ctrl.searchText"
          md-items="item in $ctrl.querySearch($ctrl.searchText)"
          md-item-text="item.display"
          md-min-length="0"
          placeholder="Select Role?">{{item.display}}
        <md-item-template>
          <span md-highlight-text="$ctrl.searchText" md-highlight-flags="^i">{{item.display}}</span>
        </md-item-template>
        <md-not-found>
          No role matching "{{$ctrl.searchText}}" were found.
          <a ng-click="$ctrl.manageRoles('ADD')">Create a new one!</a>
        </md-not-found>
      </md-autocomplete>
    </form> 
    </md-content>

---

更改为

值

<md-content class="md-padding">                         
    <form ng-submit="$event.preventDefault()">                               
      <md-autocomplete                                   
          md-no-cache="true"
          md-selected-item="displayStates[$index].state"                                    
          md-search-text="searchText"
          md-items="item in querySearch(searchText)"
          md-item-text="item.value"
          md-min-length="0"
          placeholder="Select Role?">{{item.value}}
        <md-item-template>
          <span md-highlight-text="searchText" 
                md-highlight-flags="^i">{{item.value}}</span>
        </md-item-template>
        <md-not-found>
          No role matching "{{searchText}}" were found.
          <a ng-click="manageRoles('ADD')">Create a new one!</a>
        </md-not-found>
      </md-autocomplete>
    </form> 
    </md-content>

{{item.value}}
{{item.value}}
找不到与“{searchText}}”匹配的角色。


我省略了
$ctrl
仅用于测试目的
更改为
值

<md-content class="md-padding">                         
    <form ng-submit="$event.preventDefault()">                               
      <md-autocomplete                                   
          md-no-cache="true"
          md-selected-item="displayStates[$index].state"                                    
          md-search-text="searchText"
          md-items="item in querySearch(searchText)"
          md-item-text="item.value"
          md-min-length="0"
          placeholder="Select Role?">{{item.value}}
        <md-item-template>
          <span md-highlight-text="searchText" 
                md-highlight-flags="^i">{{item.value}}</span>
        </md-item-template>
        <md-not-found>
          No role matching "{{searchText}}" were found.
          <a ng-click="manageRoles('ADD')">Create a new one!</a>
        </md-not-found>
      </md-autocomplete>
    </form> 
    </md-content>


{{item.value}}
{{item.value}}
找不到与“{searchText}}”匹配的角色。


我省略了
$ctrl
仅用于测试目的
请发布
状态
和函数
请发布
状态
和函数

创建过滤器和函数Maxim Shoustin抱歉，之前我发布了一些错误的JS代码，现在我发布了正确的代码，因此我无法使用item.value@Maxim Shoustin代码似乎还可以，但我使用的是Angular Library 1.5.8和material Library 1.1.4，您展示的代码笔使用的是material Library 1.0.0，Angular 1.4.8是导致problem@VishalArthamwarlol.仍然有效：@VishalArthamwar可能是关闭按钮@Maxim Shoustin的一些样式问题。我的代码在ng下，重复表中的显示数据tr和td标签下的格式是@Maxim Shoustin抱歉，之前我发布了一些错误的JS代码，现在我发布了正确的JS代码，所以我无法使用该项目。value@Maxim Shoustin代码似乎还可以，但我使用的是Angular Library 1.5.8和material Library 1.1.4，您展示的代码笔使用的是material Library 1.0.0和Angular 1.4.8那是不是导致了problem@VishalArthamwarlol.仍然有效：@VishalArthamwar可能是关闭按钮的一些样式问题@Maxim Shoustin我的代码在ng下，在tr和td标签下以表格格式重复显示数据就是这个问题