Как зациклить объект с 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"
        }
    ]
}

с помощью ng, поскольку я могу создать цикл для имени, имени, телефона, электронной почты и т. Д., Но не для заметки

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

Я создаю модал с таблицей в моем же ngFor и могу отображать имя ect ... но когда я пытаюсь это сделать:

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

Я создаю цикл с сообщением [объект 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>