Угловые промежуточные индексы после orderBy

Question

Как вы знаете, после orderBy таблица теряет свой порядок, а значение $index - это отсортированный массив, а не исходный массив. Так что если вы передаете items массив ['orange', 'banana','potato','apple'] к вашему ng-repeat, после orderBy на пользовательском интерфейсе вы увидите их, как это:

- apple $index = 0 
- banana $index = 1 
- orange $index = 2 
- potato $index = 3 

И если вы сейчас хотите мульти выбора элементов между apple($index = 0) и orange($index = 2) вы могли бы подумать, что это будет работать:

for(index = 0; index <= 2; index++) 
    console.log(items[index]) 

, что неправильно, он будет печатать: [orange, banana, potato]; не [apple, banana, orange].

Я ищу способ получить интервальные индексы отображаемого массива после orderBy, любые идеи?

EDIT: Для уточнения, предположит, что на пользовательском интерфейсе вы отсортировали items, а затем выбрать яблоко, а затем выберите оранжевый цвет:

✓ apple 
    banana 
✓ orange 
    potato 

Я хочу способ узнать itemsмежду этими двумя выбранными, так что я могу выбрать все между ними, в нашем случае banana.

Answer 1

Это может быть достигнуть с помощью пользовательского фильтра https://stackoverflow.com/a/22978169/1632286

app.filter('index', function() { 
    return function (array, index) { 
     if (!index) 
      index = 'index'; 
     for (var i = 0; i < array.length; ++i) { 
      array[i][index] = i; 
     } 
     return array; 
    }; 
}); 

HTML:

<tr ng-repeat="item in items | index | orderBy:'Store.storeName'"> 

, а затем в HTML вы можете использовать item.index вместо $ индекса.

Этот метод подходит для коллекций объектов.

Пожалуйста, примите во внимание, что этот настраиваемый фильтр должен быть первым в списке всех примененных фильтров (orderBy и т. Д.), И он добавит дополнительный индекс свойств (имя настраивается) в каждый объект коллекция.

Answer 2

Я думаю, что самый простой способ приблизиться к этому - предварительно фильтровать массив в контроллере и работать с этим массивом.

$scope.orderedItems = $filter("orderBy")($scope.Items, "+"); 

$scope.multiSelect = function(minIdx, maxIdx){ 
    //... 
    $scope.selectedItems = $scope.orderedItems.slice(minIdx, maxIdx); 
} 

Конечно, в представлении вы ng-repeat над orderedItems без фильтра:

<div ng-repeat="item in orderedItems"> 
    {{item}} 
</div> 

Answer 3

Угловая позволяет указать псевдоним для данных после того, как были применены фильтры. Вы можете передать этот псевдоним в любой метод, который выбирает элементы из него вместе с элементом или $index, который является индексом элемента в упорядоченных элементах.

<div ng-repeat="item in items | orderBy: '+' as orderedItems"> 
    <a ng-click="itemSelected(orderedItems, $index)">{{item}}</a> 
</div>