你可以使用Angular的*ngFor指令和Typescript的forEach方法来循环遍历对象数组,并使用一个计数器变量来记录数量。
在你的组件的模板文件中,使用*ngFor指令来遍历对象数组。例如,如果你的对象数组是一个名为"items"的属性,你可以这样遍历它:
-
{{ item.name }}
在你的组件的Typescript文件中,你可以使用forEach方法循环遍历对象数组,并使用一个计数器变量来记录数量。例如:
export class YourComponent implements OnInit {
items: any[] = [
{ name: 'item1' },
{ name: 'item2' },
{ name: 'item3' }
];
itemCount: number = 0;
ngOnInit() {
this.items.forEach(item => {
this.itemCount++;
});
}
}
在上面的例子中,我们使用forEach方法遍历items数组,并在每次迭代中将itemCount变量加1。
然后,你可以在模板中显示itemCount变量的值:
Item count: {{ itemCount }}
这样,你就可以通过循环遍历对象数组并使用计数器变量来找到数量了。