2017-08-13 23 views
0

アクティブなページ番号の背景色を変更したい。テンプレートをカスタマイズする方法を知っている人は誰ですか?AngularjsとBootstrap Pagination。アクティブな番号の背景色を変更する

<pagination 
      ng-model="currentPage" 
       total-items="items" 
       max-size="maxSize" 
       previous-text="Предыдущая страница" 
       next-text="Следующая страница"> 
</pagination> 

ありがとうございました!

答えて

0
  1. paginationあなたは.activeクラスがすでに適用されてtemplate file

    <li role="menuitem" ng-repeat="page in pages track by $index" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" class="pagination-page"><a href ng-click="selectPage(page.number, $event)" ng-disabled="ngDisabled&&!page.active" uib-tabindex-toggle>{{page.text}}</a></li> 
    

から取られたこのマークアップで見ることができるようuib-pagination

  • を使用し、もはや有効なディレクティブ名ではありません現在選択されているページに移動します。したがって、CSSを使用するだけでオーバーライドできます。

  • +0

    ええ、なぜ私はこの解決策について考えなかったのですか:)ありがとう! ^^ –

    +0

    ui-bootstrapは、見た目の変更に関しては直感的ではありませんが、マークアップ/スタイル/ソースコードを調べる必要があります – svarog

    関連する問題