Zwei Elemente für eine einzelne "ngFor" -Iteration erstellen?

Ich durchlaufe eine Sammlung von Modellen und möchte ein Element pro Modell anzeigen. Aus CSS-Gründen muss ich jedoch ein weiteres Element hinzufügen, wenn ich das vierte Modell erreiche (ich muss ein Bootstrap @ hinzufügclearfix Element, damit das Layout gut aussieht.

<div class="jumbotron">
    <ol class="row">
        <li *ngFor="#card of deck; #i = index" class="col-xs-3">
            <h3>{{ card.name }}</h3>
        </li>
    </ol>
</div>

Wie soll ich sagen, wenn(i + 1) % 4 === 0, dann füge dieses @ hinli plus ein weiteres<li class="clearfix"></li>?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage