带空字段的AngularJS orderby

Question

我正在订购我的数据，并且其工作正常，但某些字段为空或没有值。订购时，这些空字段首先出现。例如，当订购数字时，我们将在获得“ 0”值之前得到一个巨大的空列表。

我这样做是这样的：

ng-click="predicate = 'name'; reverse=!reverse"

和

ng-repeat="name in names | orderBy:predicate:reverse"

JSFiddle：http :
//jsfiddle.net/JZuCX/1/

有没有简单而优雅的方法可以解决此问题？无论什么情况，我都希望空白字段排在最后。

Answer 1

我要编写一个过滤器，该过滤器从有序数组中获取名称为空的项目，并将其放在最后：

<li ng-repeat="item in (items|orderBy:'name'|emptyToEnd:'name')">{{item.name}}</li>

代码可能如下所示：

.filter("emptyToEnd", function () {
    return function (array, key) {
        if(!angular.isArray(array)) return;
        var present = array.filter(function (item) {
            return item[key];
        });
        var empty = array.filter(function (item) {
            return !item[key]
        });
        return present.concat(empty);
    };
});

工作示例。

顺便说一句，您的小提琴不包含任何相关代码。您是否使用了错误的链接？

更新2： 你的小提琴与我的过滤器。