Додати умову ngдля зовнішньої петлі - кутовий, ngfor, clearfix

Я хочу додати 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="/images/{{item.image}}" *ngIf="!!item.image">
<h4>{{item.title | uppercase}}</h4>
</div>
</div>
<div class="clearfix" *ngIf="(i+1) % 4 == 0"></div>
</div>

Відповіді:

Ви можете використовувати 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="/images/{{item.image}}" *ngIf="!!item.image">
<h4>{{item.title | uppercase}}</h4>
</div>
</div>
<div class="clearfix" *ngIf="(i+1) % 4 == 0"></div>
</ng-container>
</div>