I had this working, reverted back to when it was but now I am getting a new error.
Error: [$compile:tplrt] Template for directive 'pagination' must have exactly one root element. template/pagination/pagination.html http://errors.angularjs.org/1.3.13/$compile/tplrt?p0=pagination&p1=template%2Fpagination%2Fpagination.html My HTML: <div class="ng-cloak">Displaying Records {{ data.from }} - {{ data.to }} On Page: {{bigCurrentPage}} / {{numPages}} / Of {{totalItems}} records.</div> <pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></pagination> The info bar 1 of 5 pages data shows, colsole logs my dataset of records and it displays on the page but no paginator app.js has: angular.module('jobiedApp', [ 'ngStorage', 'ngRoute', 'angular-loading-bar', 'ngResource', 'crudService', 'ui.router', 'ui.bootstrap' ]) I am using the bundled ui.bootstrap of ui-bootstrap-tpls-0.13.4.js so it has the templates. in app.js i have for the .state: .state('dashboard.posts', { url: "/posts", templateUrl: "partials/posts/index.html", resolve:{ services: "Crud", fetch: function (Crud, $stateParams) { return Crud.index('/posts'); }, }, controller: function ($scope, Crud, fetch) { $scope.data = fetch.data; $scope.maxSize = 5; $scope.totalItems = $scope.data.total; $scope.currentPage = $scope.data.current_page; $scope.bigTotalItems = $scope.data.total; $scope.bigCurrentPage = $scope.data.current_page; $scope.numPages = $scope.data.last_page; } }) Any ideas where I screwed this up? Thanks, Dave -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
