كيفية الحصول على مفتاح وقيمة الكائن عند استخدام *ngFor في Angular؟

مرحبًا! أنا مبتدئ في Angular و TypeScript، وواجهت مشكلة عند العمل مع الكائنات في القالب. لدي كائن ببيانات المستخدمين: ```typescript interface Users { [key: string]: { name: string; age: number }; } const users: Users = { user1: { name: 'إيفان', age: 30 }, user2: { name: 'ماريا', age: 25 }, user3: { name: 'بيتر', age: 35 } }; ``` أحاول عرض هذه البيانات في القالب باستخدام *ngFor، لكنني لا أستطيع فهم كيفية الحصول على المفتاح (user1, user2) والقيمة (الكائن الذي يحتوي على name و age). إذا قمت ببساطة: ```html ``` فإن Angular يعطي خطأ، لأن *ngFor يعمل فقط مع المصفوفات. جربت استخدام Object.keys()، لكنني لا أعرف كيفية تطبيق ذلك بشكل صحيح في القالب. أرجو إرشادي حول كيفية تكرار الكائن والحصول على المفاتيح والقيم في نفس الوقت؟ يُفضل مع أمثلة كود لتكون واضحة للمبتدئ. شكرًا! <<>>

استخدام KeyValue pipe