angular - ngtemplateoutlet - ng-template let

* ngFor en ng-template no produce nada Angular2

Question

No estoy seguro de por qué mi * ngFor loop no está imprimiendo 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 salida. Incluso más extraño es que cuando selecciono el elemento utilizando herramientas de depuración veo esto:

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

Answer 1

Creo que lo que quieres es

<ng-container *ngFor="let xb of tempData">

o

<ng-template ngFor let-xb [ngForOf]="tempData">