Question

我想我已经阅读了有关ng-repeat中自定义排序的所有问题和答案，但我仍然无法掌握它。我做错了什么，我错过了什么？

这是我的控制器代码：

$scope.persons = [
 {'name': "Pete", 'eyes': 'green', 'hair': 'blonde', 'part': 1},
 {'name': "Dave", 'eyes': 'blue', 'hair': 'red', 'part': 2},
 {'name': "Derek", 'eyes': 'blue', 'hair': 'blonde', 'part': 2},
 {'name': "Jake", 'eyes': 'brown', 'hair': 'black', 'part': 3},
 {'name': "Jeff", 'eyes': 'brown', 'hair': 'darkbrown', 'part': 4},
];

$scope.sortPersons = function(item){
  switch(item.eyes){
   case 'green': return 2;
   case 'blue': return 3;
   case 'brown': return 1;
 }
}

HTML：

<div ng-repeat="p in persons | orderBy:sortPersons ">
 <p>name: {{p.name}}, eyes: {{p.eyes}}, hair: {{p.hair}}, part: {{p.part}}</p>
</div>

如你所知，我想按照棕色 - 绿色 - 蓝色的顺序对眼睛颜色进行排序。但我的代码不是这样的。希望有人能给我一个解决方案。

Answer 1

我已经运行了你的代码，它似乎有效

这是我的订单：

name: Jake, eyes: brown, hair: black, part: 3

name: Jeff, eyes: brown, hair: darkbrown, part: 4

name: Pete, eyes: green, hair: blonde, part: 1

name: Dave, eyes: blue, hair: red, part: 2

name: Derek, eyes: blue, hair: blonde, part: 2

你得到的结果是什么？

自定义排序顺序无效

1 个答案: