排序 – AngularJS ng-repeat orderBy错误地命令数字

然后,您可以为自然排序创建自定义过滤器,并在HTML中使用,如：

HTML

<div ng-app="myApp">
    <div ng-controller="ctrlMain">
        <div ng-repeat="item in data | naturalSort">{{item.booth}}</div>
    </div>
</div>

Javascript – 我已经省略了排序的实现,因为它很长并且不是由我创建的,但请检查底部的演示以查看它的实际效果.

app.filter('naturalSort',function(){
    function naturalSort (a,b) {
        // Please see the demo for this code,it is somewhat long.
    }
    return function(arrInput) {
        var arr = arrInput.sort(function(a,b) {
            return naturalSort(a.booth,b.booth);
        });
        return arr;
    }
});

下面演示中的排序实现涵盖了可以在许多情况下使用的各种可能性(日期,十六进制值,空白)(尽管对于您的示例可能有点过分).

Here is a demo