Wie erhalte ich Schlüssel und Wert eines Objekts bei Verwendung von *ngFor in Angular?
Hallo zusammen! Ich bin neu in Angular und TypeScript und habe ein Problem beim Ausgeben von Daten aus einem Objekt mit *ngFor.
Ich habe ein Objekt mit Benutzerdaten, bei dem die Schlüssel die Benutzer-IDs und die Werte Objekte mit deren Informationen sind:
```typescript
users = {
1: { name: 'Ivan', age: 25 },
2: { name: 'Maria', age: 30 },
3: { name: 'Petr', age: 28 }
};
```
Wenn ich versuche, dies im Template mit *ngFor auszugeben, verstehe ich nicht, wie ich sowohl Schlüssel als auch Wert gleichzeitig erhalte. Ein normales *ngFor für Arrays funktioniert einfach: `let item of items`, aber für Objekte funktioniert das nicht.
Ich habe es so versucht:
```html
```
Aber Angular gibt einen Fehler aus, dass man ein Objekt nicht iterieren kann. Ich habe gelesen, dass man `Object.keys()` verwenden kann, verstehe aber nicht, wie man das im Template anwendet.
Bitte sagt mir, wie ich sowohl den Schlüssel (ID) als auch den Wert (Objekt mit Daten) in *ngFor korrekt ausgeben kann. Ich brauche ein einfaches und verständliches Beispiel für Anfänger.
{{ user.name }}
Noch keine Antworten.
Anmelden um eine Antwort zu hinterlassen
Blogs