时间戳

首页 > 解决方案 > *ngFor 到 Angular HTML 的小问题

angular - *ngFor 到 Angular HTML 的小问题

问题描述

我对 *ngFor 有疑问。我认为我的标签对象“joueurClassement”中的索引是 ko。这不是一个好的数字序列。如下图所示。这种情况有效，因为 indexe 是 0,1,2,3,4

在我的 HTML => 

  <tbody>
                <tr *ngFor ="let player of joueurClassement; let i = index">
                <td>{{ player.nom }}</td>
                <td>{{ player.prenom }}</td>
                <td>{{ player.point }}</td>
                <td>{{player.victoire}}</td>
                <td>{{player.defaite}}</td>
                <td>{{player.nbdejeu}}</td>
                </tr>
            </tbody>

*ngFor 好的

但是当索引不是一个好的序列号，而不是 0,1,2,3,4 时，ngFor 是 KO。如图所示。我的对象“joueurClassement”没有显示在我的尖叫声中。 *ngFor Ko

标签： angulartypescriptindexingngfor

解决方案

我不知道为什么会出现这个错误，但如果你只想做 *ngFor，你不需要添加索引，比如：

<tbody>
            <tr *ngFor ="let player of joueurClassement">
            <td>{{ player.nom }}</td>
            <td>{{ player.prenom }}</td>
            <td>{{ player.point }}</td>
            <td>{{player.victoire}}</td>
            <td>{{player.defaite}}</td>
            <td>{{player.nbdejeu}}</td>
            </tr>
        </tbody>

您不需要指定索引， *ngFor 可能就像一个 Foreach

推荐阅读