如何在 Angular 中使用 *ngFor 获取对象的键和值?
你好!我是 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
>>
{{ user }}
```
Angular 会报错,因为 *ngFor 只适用于数组。我试过使用 Object.keys(),但不知道如何在模板中正确应用。请告诉我如何正确遍历对象并同时访问键和值?最好有代码示例,方便新手理解。谢谢!
<<