代码之家 › 专栏 › 技术社区 › Lee Merlas

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

angular6 html-table angular html

1

Lee Merlas · 技术社区 · 7 年前

我在我的项目中使用angular6。我只想在表中显示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 回复 | 直到 7 年前

1

Zze 7 年前

切块就行了

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