html - Angular 2 : increment *ngFor by 2 or implementing two paginations with in a Pagination

Question

我是 Angular 的新手，我想知道是否有任何方法可以将 ngFor 循环递增 2 而不是 1。

我正在尝试在需要将循环递增 2 的分页中实现两个分页。

我得到的对象中包含对象。比方说用户及其地址列表。

(首先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，要么为两个 child 单独实现分页，我不能在一个 for 循环中完成它

我想要的是在一个分页中实现两个单独的分页

对象1.名称 object1.address.street object1.address.pin -- 分页以显示其他地址。

对象2.名称 对象2.地址.街道 object2.address.pin -- 显示其他地址的第二个分页。--主分页，点击后会显示另外两个对象的详细信息

Answer 1

增加2

<div *ngFor="let item of items; let even = even;">
  <div *ngIf="even">
    // content
  </div>