2016-11-05 80 views
0

我正在將json文件過濾爲角度材質自動填充搜索輸入;我似乎無法對焦點全部JSON元素從演示重新自動下拉:Angular Material Demo Autocomplete在角度材質中顯示完整的json集合在焦點上的自動完成下拉結果

這裏是我到目前爲止的代碼:

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:

Angular Material Autocomplete

回答

0

一點點減少原來的例子中,我發現,在HTML這條線是必需的自動填充功能自動下拉,顯示所有項目後,希望這有助於別人。

md-min-length="0" 
相關問題