Avatar ·

Comment obtenir la clé et la valeur d'un objet avec *ngFor dans Angular ?

Bonjour ! Je suis nouveau dans Angular et TypeScript, et j'ai un problème en travaillant avec des objets dans le template. J'ai un objet avec des données utilisateurs : ```typescript interface Users { [key: string]: { name: string; age: number }; } const users: Users = { user1: { name: 'Иван', age: 30 }, user2: { name: 'Мария', age: 25 }, user3: { name: 'Петр', age: 35 } }; ``` J'essaie d'afficher ces données dans le template avec *ngFor, mais je ne comprends pas comment obtenir à la fois la clé (user1, user2) et la valeur (l'objet avec name et age). Si je fais simplement : ```html
{{ user }}
``` Angular renvoie une erreur, car *ngFor ne fonctionne qu'avec les tableaux. J'ai essayé d'utiliser Object.keys(), mais je ne sais pas comment l'appliquer correctement dans le template. Indiquez-moi comment parcourir correctement un objet et accéder aux clés et aux valeurs simultanément ? De préférence avec des exemples de code pour que ce soit clair pour un débutant. Merci ! <<>>

Utilisation du pipe KeyValue