Wie man Schlüssel und Wert eines Objekts mit *ngFor in Angular erhält
Hallo! Ich bin neu in Angular und TypeScript und habe ein Problem bei der Arbeit mit Objekten in der Vorlage. Ich habe ein Objekt mit Benutzerdaten:
```typescript
interface Users {
[key: string]: { name: string; age: number };
}
const users: Users = {
user1: { name: 'Ivan', age: 30 },
user2: { name: 'Maria', age: 25 },
user3: { name: 'Petr', age: 35 }
};
```
Ich versuche, diese Daten in der Vorlage mit *ngFor auszugeben, verstehe aber nicht, wie ich sowohl den Schlüssel (user1, user2) als auch den Wert (das Objekt mit name und age) erhalte. Wenn ich einfach mache:
```html
>>
{{ user }}
```
Dann gibt Angular einen Fehler aus, weil *ngFor nur mit Arrays funktioniert. Ich habe versucht, Object.keys() zu verwenden, weiß aber nicht, wie ich es richtig in der Vorlage anwende. Könnt ihr mir sagen, wie man ein Objekt richtig durchläuft und gleichzeitig auf Schlüssel und Werte zugreift? Am liebsten mit Codebeispielen, damit es für einen Anfänger verständlich ist. Danke!
<<