связывание json значение массива в angular

Question

Я пытаюсь отобразить мой JSON (ARRAY) в html столбце, если я получаю доступ к 1) {{data.pageValue[0].firstName}} Я получаю значение, но если я попытался использовать 2) {{data.pageValue.firstName}} без массива, значение не работает на самом деле я не может использовать 1-й код, потому что столбец будет динамическим c ниже мой json

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

Пожалуйста, дайте мне знать, как получить доступ к объекту

Answer 1

Вам необходимо использовать * ngFor до l oop поверх ваших данных для динамического отображения данных.

Попробуйте это:

<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>