angular - 以角度绑定json数组值

Question

如果我访问 1){{data.pageValue[0].firstName}}我正在尝试将我的 JSON (ARRAY) 显示到 html 列，但是如果我尝试使用 2){{data.pageValue.firstName}}没有数组，则该值实际上不起作用我不能使用第一个代码，因为下面的列将是动态的我的 json

        "personlDatas": [
        {
            "objId": 0,
            "userId": 0,
            "firstName": "jack"
        },
        {
            "objId": 0,
            "userId": 1,
            "firstName": "Vimal"
        },
        {
            "objId": 0,
            "userId": 2,
            "firstName": "Suresh"
        },  
    ]

请让我知道如何访问该对象

Answer 1

您需要使用*ngFor循环数据以动态显示数据。

尝试这个 ：

<table>
  <tr>
    <th>objId</th>
    <th>userId</th>
    <th>firstName</th>
  </tr>
  <tr *ngFor="let user of data.pageValue">
    <td>user.objId</td>
    <td>user.userId</td>
    <td>user.firstName</td>
  </tr>
</table>

Answer 2

你有头ngFor吗？

 <li *ngFor="let person of personlDatas">
      {{ person?.firstName }}
 </li>