可扩展表（显示更多/更少）[重复]

Question

我环顾四周，但似乎没有找到我正在寻找的正确东西。我有一张很长的桌子，我想缩短一点。基本上我只想显示前 5 个条目并提供一个“显示更多”按钮。我知道如何实现它，但也许已经有一个 ng-component 了。

Answer 1

show = someNumber; // 5

<tr *ngFor="let item of items |slice:0:showlet i=index">
  <div *ngIf="i == someNumber && show" (click)="show = items.length"></div>
</tr>

Answer 2

<button (click)="showAll = !showAll">
    <span *ngIf="showAll == false" >show all</button></span>
    <span *ngIf="showAll == true">show all</button></span>
</button>
<table>
    <tr *ngFor="let item of items, let i = index" *ngIf="showAll(i) === true">

    </tr>
</table>

showAll : boolean = false;
showAll(index : number){
    return this.showAll ? true : ((index > 5) ? false : true);
}