如何將項目移動到Angular 1的列表前面

在我們的數據庫中，我們有一個給定的對象，用戶可以有很多，但1被標記爲主要。在我們的Angular 1應用程序中，我們列出了這些對象，但我們總是希望首先顯示標記爲主要的對象。如何將項目移動到Angular 1的列表前面

因此，我們有我們的這些對象的列表...

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

以JSON形式的對象應該是這樣的，如果它是主要的對象：

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

否則的主要屬性將被設置爲假。

我想知道什麼最好的方法是將主對象移動到陣列的前端？

我看起來可以在網上找到的唯一方法是從數組中刪除對象，然後使用unshift方法將它放在數組的前端，但這對我來說似乎是不乾淨的。

感謝您的幫助！

來源

2016-03-08 northsideknight

有兩種方法可以解決此問題，首先是在顯示前重新排列集合，這也是最合適的方法。

第二種方法是在ng-show ir ng-if中使用附加的ng-repeat，這是不好的解決方案。

<object-of-interest ng-repeat="obj in objs" ng-show="obj.primary == true"></object-of-interest> 
<object-of-interest ng-repeat="obj in objs" ng-show="obj.primary == false"></object-of-interest>

我建議您使用第一種解決方案，即一旦從API接收它就重新排序收集！

來源

2016-03-08 20:18:47 Arcagully

可以使用orderBy過濾器：

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

下面是從角的文檔改編Plunker： http://plnkr.co/edit/T0h4JenpefWYXnul1U3J?p=preview

的文檔可以在這裏找到： https://docs.angularjs.org/api/ng/filter/orderBy

來源

2016-03-08 20:27:59 JanS

如何將項目移動到Angular 1的列表前面

回答

相關問題