将点表示法转换为角括号表示法

Question

我正在尝试在primeng 表中使用动态列。但是，为了这样做，列字段需要括号表示法。我有一列具有嵌套的 JSON 结构。我不知道如何用括号表示法写出来。请帮忙。提前致谢：

我的 JSON：

[
    {
        "studentName": "test",
        "email": null,
        "phnNumber": 1,
        "subjects": [
            {
                "subjectName": "Maths",
                "subjectTeacher": "Elon"
            },
            {
                "subjectName": "English",
                "subjectTeacher": "Shakespeare"
            }
        ]
    },
    {
        "studentName": "test2",
        "email": null,
        "phnNumber": 1,
        "subjects": [
            {
                "subjectName": "CS",
                "subjectTeacher": "Elon"
            },
            {
                "subjectName": "English",
                "subjectTeacher": "Shakespeare"
            }
        ]
    }
]

我的打字员：

this.cols = [
      { field: 'studentName', header: 'Student Name' },
      { field: 'email', header: 'Email' },
      { field: 'phnNumber', header: 'Contact No' },
      { field: '["subjects"][0]["subjectName"]', header: 'Subject Name' }

    ];

我的模板：

     <ng-template pTemplate="body" let-student let-columns="columns">

                <td *ngFor="let col of columns">
                    {{student[col.field]}}
                </td>
</ng-template>

在点表示法中，如果我必须访问学生 1 的第一个主题，我将执行 students[0].subjects[0].subjectname 其中一个学生是学生的数组。如何以括号表示法复制它？

Answer 1

这样试试，

students[i]['subjects'][j]['subjectName']

对于第一个学生的第一个科目，

students[0]['subjects'][0]['subjectName']

演示：https://stackblitz.com/edit/angular-nt1yt5