нет пейджера с использованием ngtable и angularjs

Question

нет пейджера с использованием ngtable и angularjs

0

В моем проекте есть ng-таблица. Моя проблема в том, что пейджер не отображается. Таблица загружает несколько строк, и я набирал от 10 до 10, я назначаю значение 10 для подсчета, но ничего не происходит.

Это мой код:

$scope.tableParams = new ngTableParams({
    page: 1,
    count: 10,
    filter: {
        message: ''
    },
    sorting: {
        asset: 'asc'
    }
  },
  {
    total: $scope.data.length,
    counts: [],
    getData: function ($defer, params) {
      var orderedData = params.sorting() ?
          $filter('orderBy')($scope.data, params.orderBy()) :
          $scope.data;

      params.total(orderedData.length);
      $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
    }
});

<table ng-table="tableParams" class="table table-striped table-hover table-bordered">
  <tr ng-repeat="ws in data | filter:search" style="text-align:center;">
    <td data-title="'Tag Name'" sortable="'tagname'">{{ws.tagname}}</td>
    <td data-title="'Description'" sortable="'tagname'">{{ws.tagdescription}}</td>
    <td data-title="'Data Type'" sortable="'datatype'">{{ws.datatype}}</td>
    <td data-title="'Tag Unit'" sortable="'tagdescription'">{{ws.tagunit}}</td>
    <td data-title="'Birth Date'" sortable="'birthdate'">{{ws.birthdate | date:'yyyy-MM-dd h:mm:ss'}}</td>
    <td data-title="'Last Date'" sortable="'lastdate'">{{ws.lastdate | date:'yyyy-MM-dd h:mm:ss'}}</td>
    <td data-title="'Last Value'" sortable="'lastvalue'">{{ws.lastvalue}}</td>
  </tr>
</table>

maikelm 01 июль 2015, в 20:51

Источник

Теги:

angularjs

ngtable

1 ответ

Ещё вопросы

allienx · Answer 1 · 2015-07-01T15-14-00.000Z

Попробуйте повторить более $data вместо data в вашей таблице:

<table ng-table="tableParams" class="table table-striped table-hover table-bordered">


<tr ng-repeat="ws in $data | filter:search" style="text-align:center;">
    <td data-title="'Tag Name'" sortable="'tagname'">{{ws.tagname}}</td>
    <td data-title="'Description'" sortable="'tagname'">{{ws.tagdescription}}</td>
    <td data-title="'Data Type'" sortable="'datatype'">{{ws.datatype}}</td>
    <td data-title="'Tag Unit'" sortable="'tagdescription'">{{ws.tagunit}}</td>
    <td data-title="'Birth Date'" sortable="'birthdate'">{{ws.birthdate | date:'yyyy-MM-dd h:mm:ss'}}</td>
    <td data-title="'Last Date'" sortable="'lastdate'">{{ws.lastdate | date:'yyyy-MM-dd h:mm:ss'}}</td>
    <td data-title="'Last Value'" sortable="'lastvalue'">{{ws.lastvalue}}</td>
  </tr>
</table>

$data используется внутри ngTable чтобы обрабатывать разбиение на страницы среди других вещей.