角度材料自动完成自定义模板 - 组项目

Question

我正在建立一个网站，需要自动完成从ajax加载结果，所以我决定选择角度材料自动完成和它的工作正常。

到现在为止，我的要求是显示一种类型的搜索结果，可以说我需要显示国家名称的搜索结果，但现在我的要求更改为显示国家名称和州名，这使我使两个不同的国家和另一个国家组之一，我没有找到解决方案显示来修改角度材料自动完成自定义模板。

请看附件图片：

Answer 1

我已创建一个解决方案，它可以帮助你。 请找到链接 Angular Material Autocomplete custom template

这里的逻辑是，找出第一个元素在搜索列表中，并在其上

var states = getStates().filter(function(item) { 
        item.isFirst = false; 
       return (item.state.toUpperCase().indexOf(searchText.toUpperCase()) !== -1); 
      }); 
      var countryName = ""; 
      angular.forEach(states, function(item, key){ 
       if(countryName != item.country){ 
        countryName = item.country; 
        item.isFirst = true; 
       } 
      }) 

您必须在造型部分线值之间添加分隔工作加国名。 请让我知道，如果我可以在其他情况下帮助您