角度2:将*ngFor递增2或在分页中使用实现两个分页
我对Angular非常陌生，我想知道是否有任何方法可以将ngFor循环递增2而不是1。
我正在尝试在一个分页中实现两个分页，这需要循环递增2。
我正在获取包含带有in的对象的对象。让我们假设用户及其地址列表。
(第一个NgFor是按2对用户进行分页。如果我有15个用户。在一个页面中显示2个用户)
li *ngFor="let user of Users | paginate: { itemsPerPage: 1, currentPage: p };let i = index"
{{user[i].firstName}} <--Displaying first userName-->(第二个NgFor用于显示第一个用户的地址列表。假设他有20个地址。我会把它切成每页3到4页，然后对其余的进行分页)
*ngFor="let address of user[i].address| objectValues |slice:addresspageNumber*2-2:addressPageNumber*5 ; let j = index "
<--First child Pagination code-->
{{user[i+1].firstName}} <--Displaying second userName-->(第三个NgFor用于显示第二个用户的地址列表。假设他有20个地址。我会把它切成每页3到4页，然后对其余的进行分页)
*ngFor="let address of user[i+1].address| objectValues |slice:addresspageNumber*2-2:addressPageNumber*5 ; let j = index ">
<th scope="row">{{address.streetno}}
<--Second child Pagination code-->
<--Parent Pagination code-->现在，如果我不将第一个ngFor递增2，那么在下一个页面中，第二个用户将再次显示，这是我不想要的。
我要么必须递增2，要么分别为两个孩子实现分页，这不能在一个for循环中完成。
我想要的是在一个分页中实现两个单独的分页
Object1.name object1.address.street object1.address.pin --显示其他地址的分页。
Object2.name object2.address.street object2.address.pin --显示其他地址的第二个分页。--主分页，单击该分页将显示另外两个对象详细信息
回答 2
Stack Overflow用户
发布于 2019-11-15 16:47:44
对于增量为2
<div *ngFor="let item of items; let even = even;">
<div *ngIf="even">
// content
</div>Stack Overflow用户
发布于 2017-07-19 05:09:52
我不认为您可以将*ngFor递增2，因为它的目的是显示数组类型的数据；另外，我并不真正理解您的需求。
但是，您可以将*ngIf与%运算符结合使用，这样就不会对每隔一次输入做出反应。
这个可以完成这项工作
<li *ngFor="let item of items; let i = index">
<span *ngIf="i % 2 === 0"> // or <ng-template if it is better here>对于任何迭代大小，都可以达到相同的效果。只需将2替换为例如10即可递增10。
https://stackoverflow.com/questions/45176953
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号