使用ngFor表的最大角度行数

时间:2018-11-09 01:52:03

标签: html angular html-table angular6

我在项目中使用的是角度6。我只想在表格中显示5行。我正在使用ngFor,我的代码如下:

<tbody>
    <tr *ngFor="let item of routines; let i = index">
         <td style="display: none">{{item.rid}}</td>
         <td>{{item.name}}</td>
         <td>{{item.muscle_area}}</td>
    </tr>
</tbody>

我该怎么做?

1 个答案:

答案 0 :(得分:0)

只是切片

<tbody>
    <tr *ngFor="let item of routines.slice(0, 5); let i = index">
         <td style="display: none">{{item.rid}}</td>
         <td>{{item.name}}</td>
         <td>{{item.muscle_area}}</td>
    </tr>
</tbody>