как разделить элементы GRID на разные секции на Angular

Question

Я перебираю один список и создаю GRID. есть ли возможность разделить элементы GRID на разные подразделы и поместить субтитры между

например, stackblitz

<mat-grid-list [cols]="breakpoint" rowHeight="4:2"  
(window:resize)="onResize($event)">
<div>
<h2 >SubList1 fruits</h2>
</div>
<mat-grid-tile id="obj" 
  *ngFor="let item of items"           
  [style.background]="'lightblue'">
  <div>
        <h2>Title {{item.name}}</h2>
        <div>some sort of text in between</div>
        <button mat-raised-button class="mi-button" 
        (click)="delete(item)">Delete</button>
  </div>
</mat-grid-tile>
</mat-grid-list>

<div>
 <h2 >SubList2 Animals</h2>
</div>

Спасибо