Penomoran halaman bootstrap sudut memberikan kesalahan fungsi yang tidak ditentukan

Saya mencoba menggunakan footer pagination sudut-bootstrap

Saya mendapatkan kesalahannya

 TypeError: undefined is not a function
    at Object.fn (http://localhost:3000/lib/angular-bootstrap/ui-bootstrap-tpls.js:2265:5)
    at Scope.$get.Scope.$digest (http://localhost:3000/lib/angular/angular.js:12650:29)
    at Scope.$get.Scope.$apply (http://localhost:3000/lib/angular/angular.js:12915:24)
    at done (http://localhost:3000/lib/angular/angular.js:8450:45)
    at completeRequest (http://localhost:3000/lib/angular/angular.js:8664:7)
    at XMLHttpRequest.xhr.onreadystatechange (http://localhost:3000/lib/angular/angular.js:8603:11)angular.js:10126 (anonymous function)angular.js:7398 $getangular.js:12669 $get.Scope.$digestangular.js:12915 $get.Scope.$applyangular.js:8450 doneangular.js:8664 completeRequestangular.js:8603 xhr.onreadystatechange

ui-bootstrap-tpls.js:2265 barisnya adalah "setNumPages"

$scope.$watch('totalPages', function(value) {
  setNumPages($scope.$parent, value); // Readonly variable

  if ( $scope.page > value ) {
    $scope.selectPage(value);
  } else {
    ngModelCtrl.$render();
  }
});

Saya menginstal sudut-bootstrap menggunakan bower dan disertakan

'public/lib/angular-bootstrap/ui-bootstrap-tpls.js',

Ketika saya mencari fungsi setNumPages di repo sudut-bootstrap saya menemukannya di

src/pagination/pagination.js

Bagaimana cara memastikan pagination.js juga dimuat ke browser saya. Saya tidak menemukan pagination.js di lib saya. Saya mengikuti Bagaimana cara melakukan paging di AngularJS?


javascript pagination angularjs twitter-bootstrap
person raju    schedule 16.01.2015    source sumber
comment
Dugaan saya - setNumPages disetel di sini hingga $parse($attrs.numPages).assign atau noop. Yang terakhir seharusnya tidak memberi Anda kesalahan yang Anda lihat, jadi menurut saya yang pertama tidak mengembalikan fungsi yang valid. Bisakah Anda memberikan ekspresi buruk untuk atribut num-pages? Mungkin mencoba nilai yang sangat sederhana seperti 3 dan melihat apakah itu menyelesaikannya.   -  person Bungle    schedule 16.01.2015
comment
Ini mungkin mengarahkan Anda ke arah yang benar: stackoverflow.com/questions/26141818/   -  person Bungle    schedule 16.01.2015

Jawaban (2)


arrow_upward
1
arrow_downward

Coba ubah numPages menjadi properti, bukan fungsi:

$scope.numPages = Math.ceil($scope.todos.length / $scope.numPerPage);
person ST7    schedule 25.03.2015

arrow_upward
0
arrow_downward

Saya mengalami kesalahan yang sama dan saya menyelesaikan masalah ini ->

Pertama di UI:

<pagination
  total-items="vm.pagination.totalItems"
  items-per-page="vm.pagination.itemsPerPage"
  ng-model="vm.pagination.currentPage"
  current-page="vm.pagination.currentPage"
  boundary-links="true">
</pagination>

Kedua di Ctrl:

var vm = this, //controllerAs: 'vm'
    itemsPerPage = 10;
vm.pagination = {
   currentPage: 1,
   itemsPerPage: itemsPerPage,
   totalItems: vm.alarms.length,
   numPages: Math.ceil(vm.alarms.length / itemsPerPage)
 };

 $scope.$watch('vm.pagination.currentPage', function() {
    var begin = ((vm.pagination.currentPage - 1) * vm.pagination.itemsPerPage),
        end = begin + vm.pagination.itemsPerPage;
    vm.filterAlarms = vm.alarms.slice(begin, end);
});
person eugene.sushilnikov    schedule 08.04.2015