要在Angular 4中循环遍历对象中的对象,可以使用ngFor指令和嵌套的ngFor指令。
下面是一个示例,展示了如何在Angular 4中循环遍历对象中的对象:
export class MyComponent {
myObject = {
key1: { name: 'John', age: 25 },
key2: { name: 'Jane', age: 30 },
key3: { name: 'Bob', age: 35 }
};
}
{{ item.name }} - {{ item.age }}
在上面的代码中,我们首先使用Object.keys()方法获取myObject的键数组,然后使用ngFor指令循环遍历这些键。在内部的循环中,我们使用Object.values()方法获取myObject[key]的值数组,并使用ngFor指令循环遍历这些值。在循环中,我们可以访问每个值的属性,例如item.name和item.age。
这样,我们就可以在Angular 4中循环遍历对象中的对象了。