Как настроить ui.bootstrap для разбивки на страницы с angular.element

Question

Как настроить ui.bootstrap для разбивки на страницы с angular.element

0

У меня есть этот HTML, созданный элементом разбиения на страницы:

<ul class="pagination ng-isolate-scope ng-valid" ng-change="gestTrt.pageChanged()" ng-model="gestTrt.currentPage" items-per-page="1" total-items="4" direction-links="false" aria-invalid="false">
  <li class="pagination-page ng-scope" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" ng-repeat="page in pages track by $index" style="">
  <li class="pagination-page ng-scope" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" ng-repeat="page in pages track by $index" style="">
  <li class="pagination-page ng-scope" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" ng-repeat="page in pages track by $index" style="">
  <li class="pagination-page ng-scope active" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" ng-repeat="page in pages track by $index" style="">
</ul>

Я хочу выбрать каждый элемент для добавления класса. Я пытался:

angular.forEach(angular.element(document.querySelector(".pagination")).children(), function(value, key){
       value.addClass('active');

Но я получил "Ошибка: значение.addClass не является функцией"

Ciro 25 нояб. 2015, в 16:18

Источник

0

Я напечатал элемент с console.log (значение): [объект HTMLLIElement], [объект HTMLLIElement], [объект HTMLLIElement], [объект HTMLLIElement]
Ciro 26 нояб. 2015, в 09:39

Теги:

angularjs

ui.bootstrap

2 ответа

Ещё вопросы

Я напечатал элемент с console.log (значение): [объект HTMLLIElement], [объект HTMLLIElement], [объект HTMLLIElement], [объект HTMLLIElement]

georgeawg · Answer 1 · 2015-11-25T13-16-00.000Z

Исходный код для разбивки на страницы UI представлен здесь:

https://github.com/angular-ui/bootstrap/blob/master/src/pagination/pagination.js

AngularJS выполняет jQuery типа DOM-манипуляции с angular.element. Документация для этого находится здесь:

https://docs.angularjs.org/api/ng/function/angular.element

После того, как вы их просмотрите, вернитесь с образцом своего HTML и задайте более конкретный вопрос.

ОБНОВИТЬ

Легче добавить класс в элемент с помощью директивы ng-class.

Для получения дополнительной информации о директиве ng-class см. Ссылку API AngularJS ngClass

Ciro · Answer 2 · 2015-11-26T08-51-00.000Z

Я решил использовать угловой элемент (значение);