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

مرحباً بالجميع! أنا جديد في Angular وTypeScript، وواجهت مشكلة عند عرض البيانات من كائن عبر *ngFor.

لدي كائن يحتوي على بيانات المستخدمين، حيث المفاتيح هي معرفات المستخدمين، والقيم هي كائنات تحتوي على معلوماتهم:

users = {
  1: { name: 'Иван', age: 25 },
  2: { name: 'Мария', age: 30 },
  3: { name: 'Петр', age: 28 }
};

عندما أحاول عرض ذلك في القالب باستخدام *ngFor، لا أفهم كيف يمكنني الحصول على المفتاح والقيمة في نفس الوقت. *ngFor العادي للمصفوفات يعمل ببساطة: let item of items، لكن بالنسبة للكائنات لا يعمل الأمر هكذا.

حاولت كتابة الكود التالي:

<div *ngFor="let user of users">
  <p>{{ user.name }}</p>
</div>

لكن Angular يعطي خطأً بأنه لا يمكن التكرار على كائن. قرأت أنه يمكن استخدام Object.keys()، لكنني لا أفهم كيفية تطبيق ذلك في القالب.

من فضلكم، أرشدوني إلى الطريقة الصحيحة لعرض كل من المفتاح (المعرف) والقيمة (الكائن مع البيانات) في *ngFor؟ أحتاج مثالاً بسيطاً وواضحاً للمبتدئين.