No estoy seguro de por qué mi bucle * ngFor no imprime nada. Tengo el siguiente código en un archivo html:

 <table class="table table-hover"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Company</th> <th>Status</th> </tr> </thead> <tbody> <!-- NGFOR ATTEMPTED HERE -- no content printed --> <ng-template *ngFor="let xb of tempData"> <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle"> <td>{{ xb.name }}</td> <td>{{ xb.email }}</td> <td>{{ xb.company }}</td> <td>{{ xb.status }}</td> </tr> <!-- other content --> </ng-template> </tbody> </table>

Luego, en mi componente simple tengo lo siguiente:

 import { Component } from '@angular/core'; @Component({ selector: 'my-profile-exhibitors', templateUrl: './profile-exhibitors.component.html', styleUrls: ['./profile-exhibitors.component.scss'] }) export class ProfileExhibitorsComponent { public tempData: any = [ { 'name': 'name1', 'email': 'email1@gmail', 'company': 'company', 'status': 'Complete' }, { 'name': 'name2', 'email': 'email2@gmail', 'company': 'company', 'status': 'Incomplete' } ]; constructor() {} }

Cuando ejecuto este código, obtengo cero resultados. Aún más extraño es que cuando selecciono el elemento usando las herramientas de depuración, veo esto:

Parece que reconoce correctamente mi objeto, pero luego no genera nada.