javascript - 使用 AngularJS ng-repeat 的 OrderBy bool 值

Question

我希望能够根据变量是真还是假进行排序。

假设我们有一个这样的变量:

groups = {
    { name: 'first', value: true },
    { name: 'second', value: false },
    { name: 'third', value: true },
    { name: 'fourth', value: false }
}

我们可以像这样遍历它:

<div ng-repeat="group in groups">
    {{group.name}} {{group.value}}
</div>

这将为您提供以下内容:

first true
second false
third true
fourth false

但如果我想按 bool 值排序，那么我可以这样做:

<div ng-repeat="group in groups | filter:{value:true}">
    {{group.name}} {{group.value}}
</div>
<div ng-repeat="group in groups | filter:{value:false}">
    {{group.name}} {{group.value}}
</div>

这会给我以下输出(我想要的):

first true    
third true
second false
fourth false

有没有办法在单个 ng-repeat 中使用 orderBy 或 filter 来做到这一点？

Answer 1

orderBy 接受 bool 值并进行排序。

通过'group'的'value'属性对重复的元素进行排序:

ng-repeat="group in groups | orderBy: 'value'"

这将颠倒顺序:

ng-repeat="group in groups | orderBy: '-value'"

如果您还想按“组”的“名称”属性排序:

ng-repeat="group in groups | orderBy: ['value','name']"