在Angular中重新启动列表的索引计数可以通过使用index来实现。下面是一个示例代码:
组件代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
#
Name
{{ i + 1 }}
{{ item.name }}
`
})
export class AppComponent {
items = [
{ name: 'Item 1' },
{ name: 'Item 2' },
{ name: 'Item 3' }
];
resetIndex() {
this.items = this.items.map((item, index) => {
item.index = index;
return item;
});
}
}
在这个示例中,我们使用*ngFor指令在表格中循环显示items数组的每个元素,并使用index别名来获取当前的索引值。通过i + 1来显示索引值,并在每个单元格中显示item.name。
当点击“Reset Index”按钮时,resetIndex方法会重新遍历items数组,并为每个元素添加一个新的index属性。我们可以使用这个属性来重新计算索引值。
注意:当数组发生变化时,Angular会自动重新渲染模板,因此我们不需要手动刷新表格。