조건 추가 ngO 외부 루프

Question

클래스를 추가하려면 class clearfix를 추가하고 루프 외부에 추가해야합니다. 그것을 달성 할 수있는 방법이 있습니까?

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