Skip to main content
se añadió 1 carácter en el cuerpo
Origen Enlace
Legna
  • 6.6k
  • 4
  • 20
  • 48

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

#Edición

Edición

Puedes entrar directamente a la propiedad del objeto:

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td>
        {{ users.group.name  }}
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

#Edición

Puedes entrar directamente a la propiedad del objeto:

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td>
        {{ users.group.name  }}
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

Edición

Puedes entrar directamente a la propiedad del objeto:

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td>
        {{ users.group.name  }}
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

se añadieron 658 caracteres en el cuerpo
Origen Enlace
Legna
  • 6.6k
  • 4
  • 20
  • 48

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

#Edición

Puedes entrar directamente a la propiedad del objeto:

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td>
        {{ users.group.name  }}
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

#Edición

Puedes entrar directamente a la propiedad del objeto:

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td>
        {{ users.group.name  }}
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional

Origen Enlace
Legna
  • 6.6k
  • 4
  • 20
  • 48

No puedes iterar sobre un objeto. Tienes que hacer algo así en la parte del group.

<table>
  <tr *ngFor="let users of listUsers">
    <td>
      <div>{{ users.id }}</div>
    </td>
    <td>
      <div>{{ users.Name }}</div>
    </td>
    <td>
      <div>{{ users.Email }}</div>
    </td>
    <td>
      <div>{{ users.Password }}</div>
    </td>
    <td *ngFor="let kv of users.group | keyvalue">
      <div>
        {{kv.key}}: {{ kv.value  }}
      </div>
    </td>
    <td><i class="fas fa-edit text-primary"></i></td>
  </tr>
</table>

Ejemplo funcional