Как сортировать отфильтрованные данные?

Question

У меня есть таблица данных, которую я могу фильтровать и показывать только строки «Цвет», если я выберу элемент «Только цвет» из списка сортировки. Я делаю это с помощью следующего кода:

<label>Sort By:</label> 
<select ng-model="orderProp" class="form-control" tabindex="2"> 
    <option value="title">Title</option> 
    <option value="filename">File Name</option> 
    <option value="class">Classification</option> 
    <option value="color">Color Only</option> 
</select> 

А затем с помощью нг-повтора на элементе таблицы:

<tr ng-repeat="item in filtered = (pptData | filter: query | orderBy: orderProp)" ng-if="orderProp !== 'color' || item.color"> 

Однако, как я могу отобразить эти результаты цвета по названию? Я попытался сделать следующее, но это не помогло:

<option value="{{ 'color' | orderBy:'title' }}">Color Only</option> 

У кого-нибудь есть идеи? Мой live demo is here.

Answer 1

Я хотел бы сделать что-то вроде этого,

<tr ng-repeat="item in filtered = (pptData | filter: query | orderBy: [orderProp,'title'])" ng-if="orderProp !== 'color' || item.color"> 

В принципе вы сортировать по orderProp, затем по названию.

Answer 2

попробовать что-то вроде

$scope.reverse = true; // false 

<option value="{{ 'color' | orderBy:title:reverse }}">Color Only</option> 

ссылки: https://docs.angularjs.org/api/ng/filter/orderBy