angular - ngFor="Lets" 加载所有代码没有错误，但将页面留空

Question

当我尝试为 ngFor 运行引导程序但 ngFor 函数将页面留空时

请在下面找到我的代码。

@Component({
    template: `
    <div>
        <h1>Primary Members</h1>
        <hr/>
        <div class="row">
            <div *ngFor="let member of member" class="col-md-6">
                <member-thumbnail (click)="handleThumbnailClick(member.name)" [member]="member"></member-thumbnail>
            </div>
        </div>
    </div>
    `
})

标签： angular

Answer 1

如果第一个成员是一个数组，然后尝试

@Component({
    template: `
    <div>
        <h1>Primary Members</h1>
        <hr/>
        <div class="row">
            <div *ngFor="let item of member" class="col-md-6">
                <member-thumbnail (click)="handleThumbnailClick(item.name)" [member]="item"></member-thumbnail>
            </div>
        </div>
    </div>
    `
})

或者

@Component({ 模板： <div> <h1>Primary Members</h1> <hr/> <div class="row"> <div *ngFor="let item of member; let i = index" class="col-md-6"> <member-thumbnail (click)="handleThumbnailClick(member[i].name)" [member]="member[i]"></member-thumbnail> </div> </div> </div> })