使用ngFor的表中的角度限制行数[重复]答案

【问题标题】：angular limit number of rows in table using ngFor [duplicate]使用ngFor的表中的角度限制行数[重复]
【发布时间】：2019-04-12 14:39:37
【问题描述】：

我在我的项目中使用 Angular 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>

我该怎么做？

【问题讨论】：

谢谢。看来我没有使用正确的关键字搜索答案。

标签： html angular html-table angular6

【解决方案1】：

切片

<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>

【讨论】：