Angularjs 按字母顺序显示列表,并显示分隔符

Angularjs 按字母顺序显示列表,并显示分隔符,angularjs,angularjs-directive,Angularjs,Angularjs Directive,**请任何人都可以帮助我,我想像这样用Angularjs打印列表** 按使用订单 $scope.friends = [ {name: 'John', phone: '555-1212', age: 10}, {name: 'Mary', phone: '555-9876', age: 19}, {name: 'Mike', phone: '555-4321', age: 21}, {name: 'Adam', phone: '555-

**请任何人都可以帮助我,我想像这样用Angularjs打印列表**

按使用订单

    $scope.friends = [
    {name: 'John',   phone: '555-1212',  age: 10},
    {name: 'Mary',   phone: '555-9876',  age: 19},
    {name: 'Mike',   phone: '555-4321',  age: 21},
    {name: 'Adam',   phone: '555-5678',  age: 35},
    {name: 'Julie',  phone: '555-8765',  age: 29}
  ];             
     <tr ng-repeat="friend in friends | orderBy:'name'">
$scope.friends=[
{姓名:'John',电话:'555-1212',年龄:10},
{姓名:'Mary',电话:'555-9876',年龄:19},
{姓名:'Mike',电话:'555-4321',年龄:21},
{姓名:“亚当”,电话:“555-5678”,年龄:35},
{姓名:'Julie',电话:'555-8765',年龄:29}
];             

创建一个指令传递一个字母数组和一系列要禁用的字母

<dummy-directive data="arrayData" range="A-G"></dummy-directive>
<dummy-directive data="arrayData" range="H-L></dummy-directive>
<dummy-directive data="arrayData" range="M-P"></dummy-directive>
<dummy-directive data="arrayData" range="Q-Z"></dummy-directive>


你必须按你想要的字母过滤每个组。下面是使用此列表的示例:

$scope.myList = [{
    id: 11,
    name: 'Okra'
}, {
    id: 12,
    name: 'Musa'
}, {
    id: 4,
    name: 'Sky'
}, {
    id: 13,
    name: 'India'
}, {
    id: 14,
    name: 'Rose'
}, {
    id: 15,
    name: 'Titanic'
}, {
    id: 16,
    name: 'Onion'
}, {
    id: 6,
    name: 'Germany'
}, {
    id: 17,
    name: 'Beer'
}, {
    id: 18,
    name: 'Run'
}, {
    id: 2,
    name: 'Garden'
}, {
    id: 19,
    name: 'Mountain'
}]
一个函数用于获取两个字母之间的字母:

function genCharArray(charA, charZ) {
var a = [], i = charA.charCodeAt(0), j = charZ.charCodeAt(0);
for (; i <= j; ++i) {
    a.push(String.fromCharCode(i));
}
return a;
函数genCharArray(charA,charZ){
变量a=[],i=charA.charCodeAt(0),j=charZ.charCodeAt(0);

对于(;我有你试过orderBy吗?我想要这样的列表打开此链接后输入邮政编码78766,然后在汽车列表下方显示我正是想要这样的列表有一些方法,需要时间,而你没有写一行代码。我只能在这里建议你如何做。例如,在该网站上,你对列表和组t进行筛选请按字母顺序排列并在html中显示。如果您有任何问题,请告诉我。我如何在几年内实现此代码,例如{w.year}我希望动态设置数据的范围和年份的范围。您可以在控制器中设置数据的范围。并传递该值
app.filter("cfilter", function () {
return function (input, x, y) {
    var groups = [];
    var letters = genCharArray(x, y);
    for (var i = 0; i < input.length; i++) {
        for (var x = 0; x < letters.length; x++) {
            if (input[i].name.substring(0, 1) == letters[x])
                groups.push(input[i]);
        }

    } return groups;
}
    <div ng-repeat="w in myList | cfilter: 'A':'H' | orderBy: 'name'">
  <div>{{w.name}}</div>
</div>