Я пытаюсь написать директиву, касающуюся изменения класса значков для заголовков таблиц. Я бы хотел (в любом случае, я считаю) стандартный способ обработки сортировки по заголовкам таблиц. В директиве будет добавлен элемент ссылки, а после пользовательского сортировки нажмите по убыванию и измените значок на desc, после щелчка снова выполните сортировку по значку и еще раз значок. Вот то, что у меня есть до сих пор, но я сейчас не в состоянии справиться с классом значков, а также сбросить другие элементы в одной таблице, но за пределами области действия. Любая помощь будет большой!
angular.directive("tableHeaders", function() {
return {
restrict: 'E',
scope: {},
template:'<i class="glyphicon glyphicon-filter"></i>',
link: function(scope, element, attrs) {
attrs.class = 'glyphicon glyphicon-sort-by-alphabet-alt';
}
}
});
Вот что у меня для стороны html:
<th>First Name<a ng-click="newOrderBy('_firstName')"><table-headers></table-headers></a></th>
<th>Last Name<a ng-click="newOrderBy('_lastName')"><table-headers></table-headers></a></th>
<tr ng-repeat="item in items | orderBy:orderBy:reverse>
<td>{{item._firstName}}</td>
<td>{{item._lastName}}</td>
</tr>
В настоящее время порядок контроллера обрабатывается в контроллере:
$scope.newOrderBy = function(order) {
$scope.orderBy = order;
$scope.reverse = !$scope.reverse;
};