角NgTable分頁不起作用

我試圖找出我做錯了什麼，並不能找到例子與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>

來源

2016-02-28 Paulo Galdo Sandoval

您可以使用dir分頁。除了比ngTable簡單外，幾乎所有的東西都可以分頁，而不僅僅是表格。 https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination – developer033

非常感謝你，這將有助於另一件事！ –

很高興提供幫助。在發現真棒dirPagination之前，我還使用了ngTable。 – developer033

好的，我感覺SOOO啞，對不起，浪費時間烏爾......希望這將是helpul某人某一天...

我的錯誤是在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>

來源

2016-02-28 05:07:20

你有一個Plunker的..你可以創建一個工作plunker與分頁樣本數據..你的幫助將得到全面獎勵:-)如果你可以...... – Prasad

角NgTable分頁不起作用

回答

相關問題