角度 9 :在 GUI 上列出用户详细信息

Question

我想列出使用角度在页面上注册的用户。

接口响应：

{
"message": "User list is fetched successfully",
"result": [
{
"firstName": "xcvbn",
"lastName": "fvbnm",
"domain": "hgj"
},
{
"firstName": "wdD",
"lastName": "DWQ",
"domain": "hDWgj"
},
{
"firstName": "GH",
"lastName": "J",
"domain": "RF"
},
{
"firstName": "D",
"lastName": "F",
"domain": "K"
}
],
"status": true,
"responseCode": "200"
}

我能够获得 API 响应，但无法在 UI 上显示列表。这是我为列出用户列表而创建的组件.html类

**component.html**
<div class="container">
<div class="container">
<div class="container">
<div class="row col-md-6 col-md-offset-2 custyle">
<table class="table table-striped custab">
<thead>
<tr>
<th>Frist Name</th>
<th>Last name</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let user of users">
<td>{{user.firstName}}</td>
<td>{{user.lastName}}</td>
</tr>
</tbody>
</table>
</div>
</div>

Answer 1

尝试将 html 更改为

<div class="container">
<div class="container">
<div class="container">
<div class="row col-md-6 col-md-offset-2 custyle">
<table class="table table-striped custab">
<thead>
<tr>
<th>Frist Name</th>
<th>Last name</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let user of users.result">
<td>{{user.firstName}}</td>
<td>{{user.lastName}}</td>
</tr>
</tbody>
</table>
</div>
</div>