Tengo una matriz de Objetos que me gustaría mostrar en una Mat-Selection-List. Estos Objetos tienen dos propiedades, una que quiero agrupar y usar como subtítulos (foo) y otra que me gustaría listar/mostrar (barra). La lista debe mostrar todos los objetos todo el tiempo (por lo tanto, sin filtrar), el problema es que solo se muestra la propiedad de la barra y los objetos se agrupan por su propiedad foo, que se usa como subtítulo.

La lista debe construirse dinámicamente y, finalmente, parecerse a lo siguiente:

 <mat-list> <ng-container *ngFor="each different Foo of Object-Array" <div mat-subheader> foo </div> <mat-list-item *ngFor="every object with this foo"> <div> bar </div> </mat-list-item> </ng-container> </mat-list>

Los *ngFors en el código anterior no funcionan y están destinados a mostrar lo que estoy tratando de hacer. ¿Cuál es la "forma angular" de lograr tal lista a partir de una matriz de objetos? ¿Son las tuberías el camino a seguir y, de ser así, cómo deberían ser?