表的角度关系从多对多

Question

我有角度问题我现在不知道如何从表调用具有多对多关系的对象 [     {         “id”：2，         “用户名”：“测试”，         “email”：“test1@gmail.com”，         “团体”：[             {                 “id”：2，                 “名字”：“Empleados”，                 “权限”：[]             }         ]     }， ]

<tr *ngFor="let item of users;">
              <td>{{item.id}}</td>
              <td>{{item.username}}</td>
              <td>{{item.email}}</td>
              <td>{{item.groups.name}}</td>
              <td>
                  <a href="" class="btn btn-default">Leer</a>
                  <a href="" class="btn btn-warning">Editar</a>
                  <button class="delete" (click)="Eliminar(item)">Eliminar</button>
              </td>
          </tr>

这对我不起作用，只有当这种关系是一对多

时，它才对我有用

尝试这样做，我只处理第一列

{{item.groups [0]。名称}}

Answer 1

您可以通过迭代来嵌套*ngFor语句在您的情况下，item变量的数组属性：

<tr *ngFor="let item of users;">
    <td>{{item.id}}</td>
    <td>{{item.username}}</td>
    <td>{{item.email}}</td>
    <td>{{item.groups.name}}</td>
    <td>...</td>
    <!-- e.g. here do: -->
    <td>
        <table border="0">
            <tr *ngFor="let group of item.groups>
                <td>{{ group.name }}</td>
            </tr>
        </table>
    </td>
</tr>