以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的负责人吗

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

Answer 2

您需要使用*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>