角度のある材料の完全なjsonセットを表示フォーカスの自動完成のドロップダウンの結果

Question

jsonファイルをAngular Material Autocomplete検索入力にフィルタリングしています。私はデモの焦点上のすべてのJSON要素と自動ドロップダウンを再作成するように見えることはできません。Angular Material Demo Autocomplete

ここでは、これまでに私のコードです：

HTML：

<md-autocomplete 
    md-search-text="searchText" 
    md-items="item in items | filter:searchText"    
    md-item-text="item.companyName + space + item.stockSymbol" 
    placeholder="Type Company Name or Stock Symbol"> 
    <span md-highlight-text="searchText">{{ item.companyName }} {{ item.stockSymbol }}</span> 
</md-autocomplete> 

JS：

app.controller('ctrl', ['$scope', function($scope) { 
$scope.items = stocks.DowJones30; 
$scope.searchText = ''; 
$scope.space = " "; 
}]); 

JSONビットは次のようになります。

var stocks={DowJones30:[{companyName:"3M",stockSymbol:"MMM"}, 
{companyName:"American Express",stockSymbol:"AXP"}, 
{companyName:"Apple",stockSymbol:"AAPL"}, 
//etc etc.... 
{companyName:"Wal-Mart",stockSymbol:"WMT"}]}; 

Codepen上

全コード：私は希望、オートコンプリートが自動的にドロップダウンし、すべての項目を表示するためにHTMLにこの行が必要であることが分かった元の例を少し削減した後

Angular Material Autocomplete

Answer 1

これは他の人に役立ちます。

md-min-length="0"