javascript 在多循环ngForAngular 中使用切片

oknwwptz 于 2022-12-10 发布在 Java

关注(0)|答案(1)|浏览(123)

需要将内部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>

JavaScript

来源：https://stackoverflow.com/questions/74728899/using-slice-in-a-multiple-loop-ngfor-angular

1条答案

按热度按时间

dphi5xsq1#

有几种方法可以解决这个问题：
$任何

<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>

A函数

slicedData(data : any[]) : any[] {
  return data.slice(2,4)
}
<p *ngFor="let item of slicedData(data)">
  {{ item['parentName'] }}
</p>

展开查看全部

赞(0）回复(0）举报 2022-12-10

我来回答

javascript 在多循环ngForAngular 中使用切片

1条答案

相关问题

热门标签

最新问答