Código TS:
módulos es una matriz de objetos, que a su vez contiene una matriz anidada de objetos.
const modules =[{ id: 1, module: 'Training Module', subModules: [{ id: 2, module: 'Group Creation' }, { id: 3, module: 'Sub Group Creation' }, { id: 4, module: 'Training' }, { id: 5, module: 'Daily Attendance' } ] }];Código HTML:
<tr *ngFor="let module of modules"> <td>{{ item.subModules[0].module }}</td> <!-- giving Group Creation --> </tr>Puede usar un contenedor virtual, si no desea agregar un elemento adicional, como este:
<tr *ngFor="let module of modules"> <td> <ng-container *ngFor="let subModule of item.subModules"> {{ subModule.module }} </ng-container> </td> </tr>Alternativamente, podría crear una canalización, que formatee los nombres de sus submódulos, por ejemplo, mediante la separación por comas.