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 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はあなたのコードの作業フォークです：あなたのmd-autocompleteは次のようになります。