以角度绑定json数组值答案

【问题标题】：binding json array value in angular以角度绑定json数组值
【发布时间】：2020-06-06 14:50:43
【问题描述】：

如果我访问 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"
        },  
    ]

请告诉我如何访问该对象

【问题讨论】：

使用 ngFor 循环数组并在 HTML 上显示数据

标签： angular angular8 angular-json

【解决方案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>

【讨论】：

【解决方案2】：

你有ngFor的负责人吗？

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

【讨论】：