* ngDo wyników ng-template nic Angular2

Question

Nie wiem, dlaczego moja pętla * ngFor niczego nie drukuje. Mam następujący kod w pliku 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> 

Następnie w moim prostym składnikiem Mam następujący:

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() {} 
} 

Kiedy uruchomić ten kod, mam zerowe wyjście. Jeszcze dziwniejsze jest to, że po zaznaczeniu elementu za pomocą narzędzi debugowania widzę tak:

Wygląda na to, że poprawnie rozpoznaje mój obiekt, ale następnie wyświetla nic.

Answer 1

myślę co chcesz to

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

lub

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