2016-02-28 2 views
0

я пытаюсь понять, что я делаю неправильно, и не может найти примеры с новой версией NgTableУгловой NgTable пагинация не работает

я могу получить перезарядку и массив из NgTable, но моя разбивка на страницы не работает

Поскольку некому было устарели, вы не можете найти способ сделать это с новыми изменениями.

это с ng-table v 0.8.3

$scope.listaDetalleFactura = function() { 
       var idFacturaDetalle = $routeParams.idFactura; 
       $scope.detalleFacturas = ""; 
       $promesa = facturaService.getDetalleFacturaList(idFacturaDetalle); 
       $promesa.then(function (datos) { 
        $scope.detalleFacturas = datos.data; 
        var data = datos.data; 
        $scope.tableParams = new NgTableParams({ 
         page: 1, 
         count: 5 
        }, { 
         total: data.length, 
         getData: function (params) { 
          data = $scope.detalleFacturas; 
          params.total(data.length); 
          if (params.total() <= ((params.page() - 1) * params.count())) { 
           params.page(1); 
          } 
          return data.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
         }}); 
       }); 
      }; 

мой стол:

<table ng-table="tableParams" style="margin-top: 10px;" 
             class="table-condensed table-bordered table-striped"         
             data-ng-init="listaDetalleFactura()" 
             > 
            <thead> 
             <tr> 
              <th style="width: 40px; text-align: center;">Id</th> 
              <th style="width: 300px;">Descripcion</th> 
              <th style="width: 30px; text-align: center;">Cantidad</th> 
              <th style="width: 150px; text-align: center;">Precio por Unidad</th> 
              <th style="width: 50px; text-align: center;">Descuento</th> 
              <th style="width: 50px; text-align: center;">Total</th> 
             </tr> 
            </thead> 
            <tbody> 
             <tr ng-repeat="detalleFactura in detalleFacturas"> 
              <td style="text-align: center;">{{detalleFactura.idDetalleFactura}}</td> 
              <td>{{detalleFactura.producto.descripcion}}</td> 
              <td style="width: 30px; text-align: center;">{{detalleFactura.cantidadDetalle}}</td> 
              <td style="width: 150px; text-align: center;">{{detalleFactura.producto.precioVenta}}</td> 
              <td style="width: 50px; text-align: center;">{{detalleFactura.descuentoDetalle}}</td> 
              <td style="width: 50px; text-align: center;">{{detalleFactura.totalDetalle}}</td> 
             </tr> 
            </tbody> 
           </table> 
+0

Вы можете использовать dir pagination. Помимо простоты, чем ngTable, можно разбивать на страницы практически все, а не только таблицы. https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination – developer033

+0

Большое вам спасибо, это поможет другим вещам !! –

+0

Рад помочь. Я также использовал ngTable, прежде чем обнаружил удивительную dirPagination. – developer033

ответ

0

Ok я чувствую себя ооочень тупой, извините за отходов Ур времени ... надеюсь, что это будет кому-Каталог путешествий нибудь ....

моя ошибка была в ng-repeat вместо detalleFacturas я должен использовать $data

<tbody> 
            <tr ng-repeat="detalleFactura in $data"> 
             <td style="text-align: center;">{{detalleFactura.idDetalleFactura}}</td> 
             <td>{{detalleFactura.producto.descripcion}}</td> 
             <td style="width: 30px; text-align: center;">{{detalleFactura.cantidadDetalle}}</td> 
             <td style="width: 150px; text-align: center;">${{detalleFactura.producto.precioVenta}}</td> 
             <td style="width: 50px; text-align: center;">{{detalleFactura.descuentoDetalle}}</td> 
             <td style="width: 50px; text-align: center;">${{detalleFactura.totalDetalle}}</td> 
            </tr> 
           </tbody> 
+0

У вас есть Plunker для этого .. вы можете создать рабочий плункер с некоторыми примерами данных с разбивкой на страницы .. Ваша справка будет вознаграждена полностью :-) если вы можете ... – Prasad

 Смежные вопросы

  • Нет связанных вопросов^_^