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');

しかし、「エラー: value.addClass は関数ではありません」というメッセージが表示されました

4

2 に答える 2

1

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ディレクティブの詳細については、AngularJS ngClass API リファレンスを参照してください。

于 2015-11-25T15:27:06.397 に答える
0

angular.element(value); を使用して解決しました。

于 2015-11-26T10:34:09.397 に答える