* ngFor trên đầu ra ng-template không có gì Angular2

Question

Không chắc chắn lý do tại sao vòng lặp * ngFor của tôi không in được gì. Tôi có đoạn mã sau vào một file 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> 

Sau đó, trong thành phần đơn giản của tôi, tôi có như sau:

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

Khi tôi chạy mã này, tôi nhận được không đầu ra. Thậm chí lạ là khi tôi lựa chọn các phần tử sử dụng công cụ debug Tôi thấy điều này:

Hình như nó một cách chính xác nhận đối tượng của tôi, nhưng sau đó kết quả đầu ra không có gì.

Answer 1

Tôi nghĩ rằng những gì bạn muốn là

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

hoặc

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