使用Angularjs按字母顺序将国家拆分列表

Question

我想使用Angularjs按字母顺序拆分国家/地区列表。 有点像A：美国，澳大利亚B：巴西，不丹... 该名单来自一个名为国家的表。我试图在国名的第一个字母表上应用angularjs过滤器，但失败了。我必须为它创建一个自定义过滤器吗？

Answer 1

好吧我要回答我自己的问题，最终得到它的工作。 我在下面的格式拉动的国家名单从一个Postgres数据库：

{"alpha2":"ao","alpha3":"ago","numeric":"024","country":"Angola"} 

我想分裂国家的名单按字母顺序是这样的：

[例] http://infoplease.com/countries.html#ALPHA-A

我终于得到它通过编写自定义过滤器的工作：

angular.module('countryFilter', []).filter('cfilter', function() { 
return function(input,x) { 
var groups = []; 
for(var i = 0; i < input.length; i++) { 
if (input[i].country.substring(0,1) == x) 
groups.push(input[i]); 
} return groups; } 
}); 

，并用它作为：

ng-repeat="data in countries | cfilter:'A' 
{{data.country}} 

不要让我知道是否有这样做没有更好的办法...

Answer 2

这是不使用过滤器 http://www.bennadel.com/blog/2456-Grouping-Nested-ngRepeat-Lists-In-AngularJS.htm

的另一种可能的解决方案，他创建了一个新的数组标签和数据。优点是在模板中，您不必命名所有可能的字母。

对于我自己，我从对象中取出客户端的第一个字母，并将其存储在标签中。这样我只能得到我使用的字母。

在客户中，我用对象存储了一个数组。

for(var i = 0; i < customers.length; i++){ 

    var customer = customers[i]; 


    if(customer[ 'title' ].substring(0,1) !== groupValue){ 

     var group = { 
     label : customer[ 'title' ].substring(0,1), 
     customers : [] 

     }; 

     groupValue = customer.title.substring(0,1); 
     groups.push(group); 

    }; 


    group.customers.push(customer); 
    }; 

Answer 3

排序项目列表是一个jQuery插件，创建类似于那些在音乐和联系人应用程序上看到苹果设备 检查链接的iOS风格的粘头：

http://www.codingprogrammer.com/tutorialdemo/jquery-tutorial/sort-items-alphabetically-jquery-2/