Как добавить стиль в dir-paginate

Question

Я новичок в угловой JS.Я хочу знать, как применить стиль на поле нумерации страниц.Код ниже предоставляет вид прямоугольной рамки.`

<dir-pagination-controls 
            max- size = "10"
            direction-links = "true"
            boundary-links = "true"
            class="ml-pagination-numbers" > 

Я хочу использовать стиль ниже.

Проверенный элемент

    <ul class="pagination ng-scope" ng-if="1 < pages.length || !autoHide">
  <!-- ngIf: boundaryLinks -->
  <li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == 1 }" class="ng-scope disabled"><a href="" ng-click="setCurrent(1)">«</a></li>
  <!-- end ngIf: boundaryLinks -->
  <!-- ngIf: directionLinks -->
  <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == 1 }" class="ng-scope disabled"><a href="" ng-click="setCurrent(pagination.current - 1)">‹</a></li>
  <!-- end ngIf: directionLinks -->
  <!-- ngRepeat: pageNumber in pages track by tracker(pageNumber, $index) -->
  <li ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == '...' || ( ! autoHide &amp;&amp; pages.length === 1 ) }" class="ng-scope active"><a href="" ng-click="setCurrent(pageNumber)" class="ng-binding">1</a></li>
  <!-- end ngRepeat: pageNumber in pages track by tracker(pageNumber, $index) -->
  <li ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == '...' || ( ! autoHide &amp;&amp; pages.length === 1 ) }" class="ng-scope"><a href="" ng-click="setCurrent(pageNumber)" class="ng-binding">2</a></li>
  <!-- end ngRepeat: pageNumber in pages track by tracker(pageNumber, $index) -->
  <!-- ngIf: directionLinks -->
  <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }" class="ng-scope"><a href="" ng-click="setCurrent(pagination.current + 1)">›</a></li>
  <!-- end ngIf: directionLinks -->
  <!-- ngIf: boundaryLinks -->
  <li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == pagination.last }" class="ng-scope"><a href="" ng-click="setCurrent(pagination.last)">»</a></li>
  <!-- end ngIf: boundaryLinks -->
</ul>

Как добавить вышеуказанный стиль вугловая пагинация?https://i.stack.imgur.com/jEq3R.png

Answer 1

Я решил проблему, включив шаблон в мои инструменты dir-pagination, добавив мой стиль для своей компании и отлично работает!

<link rel="stylesheet" href="../resources/css/pagination.css"><div class="ml-pagination-numbers" ng-if="pageNumber>1"ng-disabled="pagination.current == 1" ng-click="setCurrent(1)">1</div><div class="ml-pagination-numbers pg-back" ng-if="pageNumber<7"ng-disabled="pagination.current == 1"ng-click="setCurrent(pagination.current - 1)">&lsaquo;...</div>
<div class="ml-pagination-numbers"ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)"ng-click="setCurrent(pageNumber)"ng-class="{ 'ml-current-page' : pagination.current == pageNumber}">{{pageNumber}}</div>
<div class="ml-pagination-numbers pg-next"ng-if="pageNumber>6" ng-disabled=" pagination.current == pagination.last" ng-click="setCurrent(pagination.current + 1)">...&rsaquo;</div>

С уважением