在Angular-7数据表中设置行id可以通过以下步骤实现:
<table>
<tr *ngFor="let item of items; let i = index" [id]="'row-' + i">
<td>{{ item.name }}</td>
<td>{{ item.age }}</td>
<td>{{ item.gender }}</td>
</tr>
</table>
在上述代码中,我们使用了*ngFor指令来遍历名为items的数据数组,并使用index变量来获取当前行的索引。然后,我们将索引值与字符串"row-"拼接,作为每一行的id属性值。
export class DataTableComponent implements OnInit {
items: any[] = [
{ name: 'John', age: 25, gender: 'Male' },
{ name: 'Jane', age: 30, gender: 'Female' },
{ name: 'Bob', age: 35, gender: 'Male' }
];
constructor() { }
ngOnInit() {
}
}
在上述代码中,我们定义了一个名为items的数组,并初始化了一些示例数据。
<app-data-table></app-data-table>
通过以上步骤,我们可以在Angular-7数据表中为每一行设置唯一的id属性。这样,我们可以通过id属性来对数据表的行进行操作,例如根据id值获取特定行的数据或应用样式。
领取专属 10元无门槛券
手把手带您无忧上云