如何使用NgFor循环对象？

Question

在我的情况下，我有很多学生的名字，电子邮件，电话等...和一个对象说明：

{
    "_id" : ObjectId("5b9551a60e89ad15a8ff77fb"),
    "name" : "RICHE",
    "note" : [ 
        {
            "matiere" : "Français",
            "note" : "10/20",
            "date" : "01/09/2018"
        }, 
        {
            "matiere" : "Mathématique",
            "note" : "13/20",
            "date" : "11/09/2012"
        }, 
        {
            "matiere" : "Anglais",
            "note" : "07/20",
            "date" : "26/09/2018"
        }, 
        {
            "matiere" : "Anglais",
            "note" : "06/20",
            "date" : "13/11/2018"
        }, 
        {
            "matiere" : "EPS",
            "note" : "20/20",
            "date" : "29/11/2012"
        }
    ]
}

使用ngFor我可以在名称，firsname，电话，电子邮件等上创建一个循环...但不是在注意

<tr *ngFor="let kk of Repdata | filterdata: queryString : 'name' | orderBy: order; let ind = index">
    <td>{{ind + 1}}</td>
    <td>{{kk.name}}</td>
</tr>

我创建了一个带有与我的ngFor相同的表的模态，我可以显示名称等...但是当我尝试这个时：

    <tr>
      <td>Matière : </td><td>{{kk.note}}</td>
    </tr>

我用消息[object Object]创建一个循环，当我尝试这个时：

<tr>
<td>Matière : </td><td>{{kk.note.matiere}}</td>
</tr>

没有显示任何东西

Answer 1

那是因为在你的范围内kk.note是一个数组kk.note.matiere是未定义的，所以你也必须循环它：

<tr *ngFor="let r of kk.note">
    <td>Matière : </td>
    <td>{{r.matiere}}</td>
</tr>