当数组达到angular2的长度时，如何隐藏按钮

Question

我想每次将项目限制为4。一旦显示了所有项目，我想从ngFor循环外部获取最后一项的索引以隐藏按钮。

this.limit = 4;

<ng-container *ngFor="let item of items; let i=index">
  <template [ngIf]="i<limit">{{item}}   
   </template>
</ng-container>

<div *ngIf="">
  <button (click)="limit=limit+4">Show More</button>
</div>

Answer 1

  

当数组达到angular2的长度时，如何隐藏按钮？

是否仅检查array 长度是否小于limit？

<ng-container *ngIf="items.length < limit">
  <button (click)="limit=limit+4">Show More</button>
</ng-container>