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">