Angular 角度6中mf数据表的分页

我想为序列号为“1到10”的mf datatable创建分页，继续上一页的下一页计数。我已完成此操作

在ts中

在html中

<table>
  <tr *ngFor="let data of mf.data; let i = index;">
        <td>{{i + 1}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>

{{i+1}}
{{data.name}
{{data.age}

试试这个--

{{data.indexOf（data）+1}
{{data.name}
{{data.age}

{{result.indexOf（data）+1}
{{result.name}

<table>
  <tr *ngFor="let data of mf.data; let i = index;">
        <td>{{i + 1}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>

<table>
  <tr *ngFor="let data of mf.data; let i = index;">
        <td>{{data.indexOf(data) + 1}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>

      <table>
  <tr *ngFor="let result of mf.result; let i = index+1;">
        <td>{{result.indexOf(data) + 1}}</td>
        <td>{{result.name}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>