*nnnng-template 출력에 대해 각도2가 없습니다.

*nnnng-template 출력에 대해 각도2가 없습니다.

왜 내 *ngFor 루프가 아무것도 출력되지 않는지 잘 모르겠습니다.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>

그렇다면 간단한 구성요소에는 다음과 같은 것이 있습니다.

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

이 코드를 실행하면 출력이 0이 됩니다.더 이상한 것은 디버그 도구를 사용하여 요소를 선택하면 다음과 같이 표시된다는 것입니다.

내 물건을 제대로 인식하는 것 같지만 아무것도 출력하지 않습니다.

당신이 원하는 것은

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

아니면

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

인덱스 가져오기도:<ng-template ngFor let-xb [ngForOf]="tempData" let-index="index">

언급URL : https://stackoverflow.com/questions/43177742/ngfor-on-ng-template-outputs-nothing-angular2