Insert ion-row around every 2 ion-col


#1

trying to wrap every two ion-col, in an ion-row, I can’t seem to find any way to do this.
<template ngFor #item [ngForOf]=“badges” #i=“index”>

      <ion-col class="text-center" width-50>
        <div class="badge" (click)="showBadgeDetails(i)">
          <h5 secondary>{{item[0]}}</h5>
        </div>
      </ion-col>
  </template>