AngularJS - 对带有数字的字符串进行 ng-repeat 排序

Question

我有一个表格视图中的对象列表，我想正确排序。

除其他外，我的对象包含一个名称字段。此名称字段还可以包含数字，例如： Chairman Seat 1 Seat 2 Seat 3 Seat 11 Seat 12 Seat 23 Secretary

然而，这是这样排序的： Chairman Seat 1 Seat 11 Seat 12 Seat 2 Seat 23 Seat 3 Secretary

在按名称排序时，这似乎不是一种自然的排序方式。

现在我像这样使用 ng-repeat： seat in seats | orderBy:orderField:orderReverse track by seat.id 其中orderfield 是单击表头时设置的某个变量，orderReverse 也用于反转。

我尝试制作自定义过滤器以确保其正常运行，但我失败了。除非我分解字符串，否则 Javascript 似乎不会正常订购它。但我宁愿不这样做，因为数据通常是通过轮询来更新的。另一种方法是强制前导零，但由于用户手动输入这些内容，我不确定我是否应该这样做。

而且，它不仅是带有数字的名字，所以我不能完全把它们删掉

那么，有什么建议可以让这个列表正常显示吗？

编辑：清除了有关问题的一些信息。

Answer 1

您可以在orderBy 中使用自定义排序功能（也可以使用自定义排序功能）

在你的控制器中定义一个排序函数：

$scope.sorter = function (a){
   return parseInt(a.replace( /^\D+/g, '')); // gets number from a string
}

然后在你的模板中

seat in seats | orderBy:sorter track by seat.id

编辑根据修改后的问题陈述：

使用 naturalSort 在控制器中进行手动排序，而不是使用 ng-repart 进行排序

$scope.seats = [{"id": "Seat 12"},{"id": "Seat 3"},{"id": "Seat 1"},{"id": "Seat 2"},{"id": "Secretary"}];
$scope.seats.sort(function(a,b) {
    return naturalSort(a.id, b.id);
})

或检查这个角度模块 http://blog.overzealous.com/post/55829457993/natural-sorting-within-angular-js 和演示它的小提琴 - http://jsfiddle.net/wE7H2/3/