首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用*ngFor迭代集合的子范围?

使用*ngFor迭代集合的子范围?
EN

Stack Overflow用户
提问于 2019-09-05 03:25:22
回答 1查看 143关注 0票数 0

我们可以使用*ngFor遍历集合的子范围吗?

例如,我有一组复选框,其窗体、控件名称和标签定义如下:

代码语言:javascript
运行
复制
[{id: 'c1', label: 'C1'}, ...]

假设数组的长度为8,我想将前四项放在第一个网格块中,项目5-8放在第二个网格块中。

我们可以只使用*ngFor迭代项目5-8吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-05 03:35:22

您可以在Array.prototype.slice()中使用*ngFor。示例:

在你的组成部分中:

代码语言:javascript
运行
复制
this.elements = [{id: 'c1', label: 'C1'}, ...];

在你的html中:

代码语言:javascript
运行
复制
<div *ngFor="let el of elements.slice(5, 8)"></div>

或者使用SlicePipe作为Hsuan Lee,也会给出同样的结果:

代码语言:javascript
运行
复制
<div *ngFor="let el of elements | slice:5:8"></div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57798034

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档