Twitter bootstrap 为单个“ngFor”迭代创建两个元素？

我在一组模型上循环，希望每个模型显示一个元素。然而，出于CSS的原因，当我到达第四个模型时，我必须添加另一个元素（我需要添加一个引导

clearfix

元素，以使布局看起来良好）

{{card.name}

---

如果

（I+1）%4==0

，我该如何说，然后将这个

li

加上另一个

  <div class="jumbotron">
    <ol class="row">
        <ng-container *ngFor="let card of deck" let-i="index"> 
          <li class="col-xs-3">
            <h3>{{ card.name }}</h3>
          </li>
          <li *ngIf="(i + 1) % 4 === 0" class="clearfix"></li>
        </ng-container>
    </ol>
  </div>

---

另请参见

如果您将类添加到已有的

中，而不是添加新的

是否有效<代码>，如果它不起作用，您可以使用该表单。不，这不起作用，因为我需要“正常的”

li

和

clearfix

li

，它不能是相同的。但你是对的，我继续我的研究，我认为使用模板表单是解决方案。你可以把它作为一个答案发布，或者当我得到一些有用的东西时，我会发布它。谢谢你的帮助！

  <div class="jumbotron">
    <ol class="row">
        <ng-container *ngFor="let card of deck" let-i="index"> 
          <li class="col-xs-3">
            <h3>{{ card.name }}</h3>
          </li>
          <li *ngIf="(i + 1) % 4 === 0" class="clearfix"></li>
        </ng-container>
    </ol>
  </div>

  <div class="jumbotron">
    <ol class="row">
        <template ngFor let-card [ngForOf]="deck" let-i="index"> 
          <li class="col-xs-3">
            <h3>{{ card.name }}</h3>
          </li>
          <li *ngIf="(i + 1) % 4 === 0" class="clearfix"></li>
        </template>
    </ol>
  </div>