Angular: 按计数创建两列

Question

下面的代码基于偶数和奇数创建两列。我会改变什么，而不是偶数和奇数，它在第一列中显示前 8 个结果，在第二列中显示其余结果？

<div *ngFor="let year of userYear; let i = index">
     <div *ngIf='i%2 === 0' class="float-left left-column push-left"><span>{{year}}</span></div>
     <div *ngIf='i%2 !== 0' class="float-left right-column"><span>{{year}}</span></div>
</div>

Answer 1

只需将 i%2 === 0 更改为 i < 8 并将 i%2 !== 0 更改为 i >= 8：

<div *ngFor="let year of userYear; let i = index">
     <div *ngIf='i < 8' class="float-left left-column push-left"><span>{{year}}</span></div>
     <div *ngIf='i >= 8' class="float-left right-column"><span>{{year}}</span></div>
</div>

Angular: 按计数创建两列

Angular: Create two columns by count

angular-ng-if

angular