如何在 Angular 中使用 *ngFor 获取对象的键和值?
大家好!我是 Angular 和 TypeScript 的新手,在使用 *ngFor 输出对象数据时遇到了问题。
我有一个包含用户数据的对象,其中键是用户 ID,值是包含用户信息的对象:
```typescript
users = {
1: { name: '伊万', age: 25 },
2: { name: '玛丽亚', age: 30 },
3: { name: '彼得', age: 28 }
};
```
当我尝试在模板中使用 *ngFor 输出时,我不知道如何同时获取键和值。通常对于数组,*ngFor 很简单:`let item of items`,但对于对象却不行。
我尝试这样写:
```html
```
但 Angular 报错,说不能迭代对象。我读到可以使用 `Object.keys()`,但不知道如何在模板中应用。
请告诉我如何正确地在 *ngFor 中输出键(ID)和值(数据对象)?需要一个简单易懂的示例供初学者参考。
{{ user.name }}