在多循環中使用 slice ngFor angular

Question

需要將內部 ngfor 循環分成 3 個部分

<div class="row" *ngFor="let row of matrix; index as i">
 <div class="col" *ngFor="let col of row; index as j">
  <div *ngFor="let placeholder of placeholders | slice:i:j">
   <ng-container [ngComponentOutlet]="placeholder.component" > 
   </ng-container>
  </div>
 </div>
</div>

Answer 1

有幾種方法可以解決這個問題：

$任何

<p *ngFor="let item of data | slice:2:4">
  {{ $any(item).parentName }}
</p>

括號符號

<p *ngFor="let item of data | slice:2:4">
  {{ item['parentName'] }}
</p>

一個 function

slicedData(data : any[]) : any[] {
  return data.slice(2,4)
}

<p *ngFor="let item of slicedData(data)">
  {{ item['parentName'] }}
</p>