如何劃分通過ng-repeat創建的列表的單獨部分？

Question

我提出，通過NG-重複顯示國家清單：在此之前，我已經創建了一個排序的數組與所有國家

<ul> 
    <li ng-repeat="country in countries.country | filter:search:startsWith">{{ country }}</li> 
</ul> 

：

var countriesNotSorted = ['Ukraine','Urugvai','Russia','Romania','Rome','Argentina','Britain','Indonesia','Germany','Brazil','Portugal','Polska','Uganda','Algeria','Andorra'], 
    countriesArray = countriesNotSorted.sort(); 

我也有點擊字母列表，當其中一個點擊列表成爲排序。問題是：是否有可能在分開的國家（通過Angular ng-repeat顯示的國家）列表中分開顯示不同的部分，所以Algeria, Andorra, Argentina和所有在'A'開始的標準都會出現在某個標題後面（例如大寫字母'A'）。 ？

A: 
Algeria 
Argentina 
Andorra 

B: 
Brazil 
Bolgaria 
Belgium 

這裏是我的Plnkr

thanx您的注意力和時間提前

Answer 1

你可以簡單地ng-repeat在你的字母排列。

<div class="container"> 

    <input id="q" type="text" ng-model="search " /> 
    <div ng-repeat="letter in alphabet.letter" ng-show="countriesFiltered.length > 0"> 
     <h3>{{letter}}</h3> 
     <ul> 
     <li ng-repeat="country in (countriesFiltered = (countries.country | filter:letter:startsWith | filter:search:startsWith))">{{ country }}</li> 
     </ul> 
    </div> 

</div> 

Plnkr