Avatar ·

如何在 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

{{ user.name }}

``` 但 Angular 报错,说不能迭代对象。我读到可以使用 `Object.keys()`,但不知道如何在模板中应用。 请告诉我如何正确地在 *ngFor 中输出键(ID)和值(数据对象)?需要一个简单易懂的示例供初学者参考。