Avatar ·

Angular में *ngFor का उपयोग करते समय ऑब्जेक्ट की key और value कैसे प्राप्त करें?

सभी को नमस्कार! मैं Angular और TypeScript में नौसिखिया हूँ, और मुझे *ngFor के माध्यम से ऑब्जेक्ट से डेटा प्रदर्शित करने में समस्या आ रही है। मेरे पास उपयोगकर्ताओं के डेटा वाला एक ऑब्जेक्ट है, जहाँ keys उपयोगकर्ता IDs हैं और values उनकी जानकारी वाले ऑब्जेक्ट हैं: ```typescript users = { 1: { name: 'इवान', age: 25 }, 2: { name: 'मारिया', age: 30 }, 3: { name: 'पीटर', age: 28 } }; ``` जब मैं इसे *ngFor के साथ टेम्पलेट में प्रदर्शित करने का प्रयास करता हूँ, तो मुझे समझ नहीं आता कि key और value दोनों एक साथ कैसे प्राप्त करें। सामान्य *ngFor arrays के लिए सरलता से काम करता है: `let item of items`, लेकिन ऑब्जेक्ट के लिए ऐसा नहीं होता। मैंने इस तरह लिखने का प्रयास किया: ```html

{{ user.name }}

``` लेकिन Angular एक त्रुटि देता है कि ऑब्जेक्ट को iterate नहीं किया जा सकता। मैंने पढ़ा है कि `Object.keys()` का उपयोग किया जा सकता है, लेकिन समझ नहीं आता कि इसे टेम्पलेट में कैसे लागू करें। कृपया बताएँ कि *ngFor में key (ID) और value (डेटा वाला ऑब्जेक्ट) दोनों को सही तरीके से कैसे प्रदर्शित करें? शुरुआत के लिए एक सरल और स्पष्ट उदाहरण चाहिए।