javascript - 使用 orderBy 对 ng-repeat 中的对象数组进行排序

Question

我有一个对象数组，我正在尝试使用 angularjs 的 ng-repeat 功能通过 bool 对象属性对它们进行排序(或分组)。

我尝试使用 orderBy 和 groupBy 但它们都不起作用。

这是我的 html:

<tbody md-body>
                        <tr md-row ng-repeat="item in dashboardCtrl.unAckAlertList | limitTo : 4 | orderBy: 'item.urgent'">
                            <td md-cell>
                                <i ng-if="item.urgent" class="fa fa-warning" style="font-size:22px;color:red;"></i><i ng-if="!item.urgent" class="fa fa-warning" style="font-size:22px;color:slategray;"></i><span><b> {{item.status}}</b></span>
                            </td>
                            <td md-cell>
                                {{item.MyName}} / {{item.sourceProperty}}
                            </td>
                            <td md-cell>
                                {{item.name}}
                            </td>

它从来没有起作用，我想知道为什么。

Answer 1

orderBy 在数组的当前元素中查找您告诉它的属性。

在您提供的代码片段中，您为当前元素指定了 item 名称，这是 orderBy 将在其中查找属性的名称。

您不需要编写orderBy: item.urgent。如果您编写 orderBy: Urgent，Angular 应该能够计算出其余部分。