为表Angular 2添加分页

Question

I want to add pagination in the bottom of my own bootstrap table with angular
I don't want to use one of the examples of tables.
Can anyone help me ?

 <table class='table table-bordered table-striped table-responsive table-hover' id="table" style="margin-top: 2%">
  <thead>
  <tr>
    <th rowspan="2">Id boitier</th>
    <th rowspan="2">Id phase</th>
    <th rowspan="2">Power</th>
    <th colspan="3">Voltage</th>
    <th rowspan="2">Date</th>
    <th rowspan="2">Time</th>
    <th rowspan="2">Details</th>

  </tr>
  <tr>
    <th>Max</th>
    <th>Min</th>
    <th>Moy</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor='let cursen of cursens'>
    <td >{{cursen.id_boitier}}</td>
    <td>{{cursen.id_phase}}</td>
    <td>{{cursen.power}}</td>
    <td>{{cursen.voltage.Max}}</td><td>{{cursen.voltage.Min}}</td><td>{{cursen.voltage.Moy}}</td>
    <td>{{cursen.date  | date: 'dd/MM/yyyy'}}</td>
    <td>{{cursen.date  | date:'HH:mm:ss'}}</td>
    <td><a (click)="onSelect(cursen)">alaa</a></td>
  </tr>
  </tbody>
</table>

Answer 1

Here is an example:

Pagination from here and then

In the view:

<tr ng-repeat="cursen in cursens | pagination: pageNo * pageSize | limitTo: pageSize>
...
</tr>

In the js file:

app.filter('pagination', function()
{
 return function(input, start)
 {
  start = +start;
  return input.slice(start);
 };
});