角度材料自動完成自定義模板 - 組項目

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; 
       } 
      }) 

您必須在造型部分線值之間添加分隔工作加國名。 請讓我知道，如果我可以在其他情況下幫助您