我有這個代碼angular
```
<div *ngFor ="let product of category?.products; let i=index" >
<div *ngIf="i<2">
<app-item-product[product]="product"></app-item-product>
</div>
</div>
```
我需要顯示 2 個結果，但它顯示所有產品
uj5u.com熱心網友回復：
您可以使用slice
<div *ngFor ="let product of (category?.products | slice:0:2); let i=index" >
<app-item-product[product]="product"></app-item-product>
</div>
uj5u.com熱心網友回復：
只需切片您的陣列。
<div *ngFor ="let product of category!.products.slice(0, 2); let i=index">
<div>
<app-item-product[product]="product"></app-item-product>
</div>
</div>
uj5u.com熱心網友回復：
show_more = false;
arr = [1, 2, 3, 4, 5, 6];
<button (click)="show_more = !show_more">
<div>{{ show_more ? 'show less' : 'show more...' }}</div>
</button>
<div >
<div *ngFor="let x of arr; let i = index">
<div *ngIf="i < 2 || show_more">
{{ x }}
</div>
</div>
</div>
這是一個 stackblitz 示例，請查看stackblitz
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/480849.html