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

Posted 2023-03-05

【中文标题】使用ngFor的表中的角度限制行数[重复]

【英文标题】：angular limit number of rows in table using ngFor [duplicate]

【发布时间】：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>

我该怎么做？

【问题讨论】：

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

【参考方案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>