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

我想用Angularjs按字母顺序拆分一个国家列表。 有点像A:美国，澳大利亚B:巴西，不丹。。。

---

该列表来自一个名为countries的表格。我尝试在国家名称的第一个字母表上应用angularjs过滤器，但失败了。我必须为它创建一个自定义过滤器吗？

好的，我将回答我自己的问题，最终让它工作起来。 我从postgres db中提取了以下格式的国家列表：

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

我想按字母顺序将国家列表拆分如下：

[示例]

我最终通过编写一个自定义过滤器使其工作：

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

---

如果有更好的方法，一定要告诉我…

好的，我将回答我自己的问题，最后让它工作起来。 我从postgres db中提取了以下格式的国家列表：

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

我想按字母顺序将国家列表拆分如下：

[示例]

我最终通过编写一个自定义过滤器使其工作：

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

---

如果有更好的方法，一定要告诉我…

好的，我将回答我自己的问题，最后让它工作起来。 我从postgres db中提取了以下格式的国家列表：

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

我想按字母顺序将国家列表拆分如下：

[示例]

我最终通过编写一个自定义过滤器使其工作：

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

---

如果有更好的方法，一定要告诉我…

好的，我将回答我自己的问题，最后让它工作起来。 我从postgres db中提取了以下格式的国家列表：

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

我想按字母顺序将国家列表拆分如下：

[示例]

我最终通过编写一个自定义过滤器使其工作：

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

---

请告诉我是否有更好的方法来完成此操作…

这是另一种不使用过滤器的可能解决方案

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

对于我自己，我从对象中取出客户机的第一个字母，并将其存储在标签中。那样的话，我只收到我用过的字母

在customer中，我存储了一个包含对象的数组

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

for（var i=0；i

这是另一种不使用过滤器的可能解决方案

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

对于我自己，我从对象中取出客户机的第一个字母，并将其存储在标签中。那样的话，我只收到我用过的字母

在customer中，我存储了一个包含对象的数组

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

for（var i=0；i

这是另一种不使用过滤器的可能解决方案

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

对于我自己，我从对象中取出客户机的第一个字母，并将其存储在标签中。那样的话，我只收到我用过的字母

在customer中，我存储了一个包含对象的数组

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

for（var i=0；i

这是另一种不使用过滤器的可能解决方案

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

对于我自己，我从对象中取出客户机的第一个字母，并将其存储在标签中。那样的话，我只收到我用过的字母

在customer中，我存储了一个包含对象的数组

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

for（var i=0；i

Sort Item List是一个jQuery插件，它可以创建iOS风格的粘性标题，类似于苹果设备上音乐和联系人应用程序中的标题 检查链接：

---

Sort Item List是一个jQuery插件，它可以创建iOS风格的粘性标题，类似于苹果设备上音乐和联系人应用程序中的标题 检查链接：

---

Sort Item List是一个jQuery插件，它可以创建iOS风格的粘性标题，类似于苹果设备上音乐和联系人应用程序中的标题 检查链接：

---

Sort Item List是一个jQuery插件，它可以创建iOS风格的粘性标题，类似于苹果设备上音乐和联系人应用程序中的标题 检查链接：

---

您想在哪里使用它？一些带有下拉列表的文本字段？如（）控制器中的数据是什么样子的？它是来自服务吗？一个JSFIDLE或一些代码显示您尝试过的内容会很有帮助。谢谢大家，终于成功了