在焦点上显示 Angular Material Autocomplete 下拉结果中的完整 json 集答案

【问题标题】：Show full json set in Angular Material Autocomplete dropdown result on focus在焦点上显示 Angular Material Autocomplete 下拉结果中的完整 json 集
【发布时间】：2017-03-19 12:33:24
【问题描述】：

我正在将 json 文件过滤到 Angular Material 自动完成搜索输入中；我似乎无法重新创建所有 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 上的完整代码：

Angular Material Autocomplete

【问题讨论】：

标签： javascript angularjs json autocomplete angular-material

【解决方案1】：

在对原始示例进行一点简化后，我发现 HTML 中的这一行是自动完成自动下拉并显示所有项目所必需的，希望这对其他人有所帮助。

md-min-length="0"

【讨论】：