https://angular-ui.github.io/bootstrap/#/pagination class = "pagination pagination-lg" не работает в bootstrap 4

Question

Я новичок в angularjs. Я использую https://angular-ui.github.io/bootstrap/#/pagination. У меня есть проблема: класс стиль = "нумерации страниц с нумерацией страниц-Л.Г." не работает, я использую бутстраповских версии 4. Справка me.thanks

error image here

index.html

<div> 
     <pre>You are currently on page {{userCtrl.page}}</pre> 
     <ul uib-pagination total-items="userCtrl.totalElements" ng-model="userCtrl.page" max-size="10000" class="pagination pagination-lg" 
      boundary-links="true" num-pages="userCtrl.totalPages"> 
     </ul> 
    </div> 

userController.js

module.exports = function (UserService) { 
    var _this = this; 
    _this.users = []; 
    _this.page = []; 
    _this.size = []; 
    _this.totalElements = []; 
    _this.totalPages = []; 

    _this.list = function() { 
     UserService.getUsersPage().then(function (response) { 
      console.log(response); 
      _this.users = response.content; 
      _this.page = response.number; 
      _this.size = response.numberOfElements; 
      _this.totalElements = response.totalElements; 
      _this.totalPages = response.totalPages; 
     }) 
    }; 
    _this.list(); 
}; 

Answer 1

вы проверили компонент DOM постраничной состав? uiBootstrap тестировался с версией 3.3.6, так что сравнивать обе версии:

v3:

<nav aria-label="Page navigation"> 
    <ul class="pagination"> 
    <li> 
     <a href="#" aria-label="Previous"> 
     <span aria-hidden="true">&laquo;</span> 
     </a> 
    </li> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
    <li> 
     <a href="#" aria-label="Next"> 
     <span aria-hidden="true">&raquo;</span> 
     </a> 
    </li> 
    </ul> 
</nav> 

v4:

<nav aria-label="Page navigation"> 
    <ul class="pagination"> 
    <li class="page-item"> 
     <a class="page-link" href="#" aria-label="Previous"> 
     <span aria-hidden="true">&laquo;</span> 
     <span class="sr-only">Previous</span> 
     </a> 
    </li> 
    <li class="page-item"><a class="page-link" href="#">1</a></li> 
    <li class="page-item"><a class="page-link" href="#">2</a></li> 
    <li class="page-item"><a class="page-link" href="#">3</a></li> 
    <li class="page-item"><a class="page-link" href="#">4</a></li> 
    <li class="page-item"><a class="page-link" href="#">5</a></li> 
    <li class="page-item"> 
     <a class="page-link" href="#" aria-label="Next"> 
     <span aria-hidden="true">&raquo;</span> 
     <span class="sr-only">Next</span> 
     </a> 
    </li> 
    </ul> 
</nav> 

Я уверен, что вы видите, не хватает классов CSS на элементы в v3;)