添加条件ngFor外部循环

Question

我想添加类与clearfix的div，但我需要将其添加到循环外。有什么办法来实现这一点？

<div class="row"> 
    <div class="col-xs-12 col-md-3 item" *ngFor="let item of items; let i = index;"> 
     <div class="header"> 
      <img src="{{item.image}}" *ngIf="!!item.image"> 
      <h4>{{item.title | uppercase}}</h4> 
     </div> 
    </div> 
    <div class="clearfix" *ngIf="(i+1) % 4 == 0"></div> 
</div> 

Answer 1

您可以使用template/ng-template或ng-container实现它：

<div class="row"> 
    <ng-container *ngFor="let item of items; let i = index;"> 
    <div class="col-xs-12 col-md-3 item" > 
      <div class="header"> 
       <img src="{{item.image}}" *ngIf="!!item.image"> 
       <h4>{{item.title | uppercase}}</h4> 
      </div> 
    </div> 
    <div class="clearfix" *ngIf="(i+1) % 4 == 0"></div> 
    </ng-container> 
</div>