条件を追加する外部ループの場合

Question

classをクリアするために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>