要在Angular中显示具有不同对象键的列表,你可以按照以下步骤进行:
import { Component } from '@angular/core';
@Component({
selector: 'app-list',
templateUrl: './list.component.html',
styleUrls: ['./list.component.css']
})
export class ListComponent {
items: any[] = [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
];
}
ngFor
来循环遍历列表,并在视图中显示每个对象的键值对:
-
ID: {{ item.id }}
Name: {{ item.name }}
标签来引用列表组件:
这样,你就可以在视图中显示具有不同对象键的列表了。每个列表项都会显示其对应对象的ID和名称。