javascript - 如何在 Angular 1 中将项目移动到列表前面

Question

在我们的数据库中，我们有一个给定的对象，用户可以拥有多个对象，但 1 个被标记为主要。在我们的 Angular 1 应用中，我们列出了这些对象，但我们始终希望首先显示标记为主要的对象。

所以我们有了这些对象的列表......

<object-of-interest ng-repeat="obj in objs"></object-of-interest>

如果它是主要对象，则 json 形式的对象将如下所示:

{
  attr_1: value,
  attr_2: value,
  ...
  primary: true
}

否则主要属性将被设置为false。

我想知道将主要对象移动到数组前面的最佳方法是什么？

我似乎可以在网上找到的唯一方法是从数组中删除对象，然后使用 unshift 方法将其放在数组的前面，但这对我来说似乎不干净。

感谢您的帮助!

Answer 1

您可以使用orderBy过滤器:

<object-of-interest ng-repeat="obj in objs | orderBy:'-primary'"></object-of-interest>

这是 Angular 文档中改编的 Plunker: http://plnkr.co/edit/T0h4JenpefWYXnul1U3J?p=preview

可以在此处找到文档: https://docs.angularjs.org/api/ng/filter/orderBy