Avatar ·

如何在 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(),但不知道如何在模板中正确应用。请告诉我如何正确遍历对象并同时访问键和值?最好有代码示例,方便新手理解。谢谢! <<>>

使用 KeyValue pipe