在md-autocomplete中使用ng-repeat显示自动建议和热门产品

<md-input-container>
  <label>搜索产品</label>
  <input ng-model="searchText" ng-change="searchProducts()" md-autocomplete-snap md-autoselect md-search-text="searchText" md-items="product in filteredProducts" md-item-text="product.name" md-min-length="0" placeholder="输入产品名称">
</md-input-container>

$scope.products = [
  { name: '产品1', category: '分类1' },
  { name: '产品2', category: '分类2' },
  { name: '产品3', category: '分类1' },
  // 其他产品数据...
];

$scope.filteredProducts = [];

$scope.searchProducts = function() {
  $scope.filteredProducts = $scope.products.filter(function(product) {
    return product.name.toLowerCase().indexOf($scope.searchText.toLowerCase()) !== -1;
  });
};

<md-item-template>
  <span md-highlight-text="searchText">{{product.name}}</span>
</md-item-template>

<md-item-template ng-repeat="product in hotProducts">
  <span>{{product.name}}</span>
</md-item-template>