У меня возникают проблемы с фильтром orderBy
в AngularJS. Здесь моя настройка:
<li ng-repeat="item in listItems.data | orderBy:order">
<a ng-click="getRelated(item._id)">{{ item.title }}</a>
</li>
Часть контроллера:
$scope.order = 'year';
$scope.listItems = $http.post($scope.url, {'filterType': 'abc', 'letter': $scope.params.letter});
$scope.setOrder = function(order) {
$scope.order = order;
}
И, наконец, "переключатели", которые я хотел бы использовать для упорядочивания данных
<span class="sort--title">Sort by</span>
<a ng-class="{true:'selected', false:''}[order=='title']" href="" ng-click="setOrder('title')" class="sort--attribute">Title</a>
<a ng-class="{true:'selected', false:''}[order=='year']" href="" ng-click="setOrder('year')" class="sort--attribute">Year</a>
<a ng-class="{true:'selected', false:''}[order=='length']" href="" ng-click="setOrder('length')" class="sort--attribute">Length</a>
<a ng-class="{true:'selected', false:''}[order=='date_added']" href="" ng-click="setOrder('date_added')" class="sort--attribute">Date Added</a>
Когда я нажимаю кнопки, список не переупорядочивается.
Когда я вручную изменяю начальное значение $scope.order
, список упорядочивается этим свойством. Также корректно обновляется ng-class
. Я, очевидно, пропускаю что-то!