Question

我能够从后端laravel获得所有用户的角色。这是回应。

{
"users": [
    {
        "id": 2,
        "first_name": "user",
        "last_name": "xyz",
        "title": null,
        "email": "user@gmail.com",
        "phone_number": "***-***-****",
        "phone_type": "home",
        "inactive": 0,
        "created_at": null,
        "updated_at": null,
        "is_verified": 0,
        "roles": [
            {
                "id": 1,
                "name": "Account User",
                "pivot": {
                    "user_id": 2,
                    "role_id": 1
                }
            }
        ]
    },

我正在检索这样的用户数据

在ts：

ngOnInit() {
    this.http.get<User>('backend.url')
      .subscribe(data => {
        this.user = data;
        console.log(data);
      });
  }

in html：

<tr *ngFor="let userData of user?.users; trackBy: userThumb">
                <td>{{ userData?.first_name }}</td>

现在，我想在前端表中显示用户的角色名称。如何从此用户数组中检索角度4中的 roles-＆gt;名称？

Answer 1

看看这个：

  <tr *ngFor="let userData of user?.users; trackBy: userThumb"> 
    <td *ngFor="let role of userData ?.roles; > {{role ?.name}}</td> 
 </tr>

从角度4中的json数组响应中检索值

1 个答案: