Добавить условие ngFor вне цикла

Я хочу добавить div с классом 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>

angular ngfor clearfix
person cor    schedule 03.03.2017    source источник

Ответы (1)


arrow_upward
10
arrow_downward

Вы можете использовать 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>
person yurzui    schedule 03.03.2017
comment
Идеально, как раз то, что я искал - person cor; 03.03.2017