How to setup Angular/Bootstrap UI in my case?

Question

I am having trouble setting up the Angular / bootstrap for my app

I am following this page's pagination intro.

http://angular-ui.github.io/bootstrap/

My app.js

angular.module('myApp', ['ngRoute','ui.bootstrap']).
    config(['$routeProvider', function($routeProvider) {
       ….
}]);

controller.js

angular.module('myApp', ['ngRoute']).
controller('PaginationCtrl',['$scope', function ($scope) {
  $scope.totalItems = 64;
  $scope.currentPage = 4;
  $scope.maxSize = 5;

  $scope.setPage = function (pageNo) {
    $scope.currentPage = pageNo;
  };

  $scope.bigTotalItems = 175;
  $scope.bigCurrentPage = 1;
}])

html

 <div id='pagination-wrapper' ng-controller='PaginationCtrl'>

 <pagination direction-links="false" total-items="totalItems" page="currentPage" num-pages="smallnumPages"></pagination>

</div>

I have no error when I load the page but I can't seem to see the pagination feature. Can anyone help me about it? thanks a lot!

Have you tried including 'ui.bootstrap' in the controller.js dependencies? — Blake Petersen
– Blake Petersen, Commented Mar 25, 2014 at 23:42

Blake Petersen · Accepted Answer · 2014-03-26 04:51:50Z

2

It appears the problem is with having the dependencies re-declared there. If you remove the ngRoute dependency from the controller.js module, it will work. You can also drop the example vars that you're not using.

angular.module('myApp').
    controller('PaginationCtrl',['$scope', function ($scope) {
        $scope.totalItems = 64;
        $scope.currentPage = 4;
}]);

For a working example: http://plnkr.co/edit/wpgoDrA2Z7pjXbgdNrM8?p=preview

edited Mar 26, 2014 at 4:51

answered Mar 26, 2014 at 3:26

Blake Petersen

9937 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to setup Angular/Bootstrap UI in my case?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related