如何增加打字稿变量

Question

我正在尝试为项目中的表声明用于索引的变量。我在打字稿中声明了一个变量。我增加变量。但是它不能递增，

为什么不增加？

Answer 1

您需要访问*ngFor指令范围内的索引，因此您应该像下面这样写-

<tr *ngFor=let st of stList;let i = index">
<td>{{i+1}}</td>
/// other columns
</tr>

注意let关键字，它仅将变量的范围限制在*ngFor内。

Answer 2

可能是因为它将被视为字符串。也许最好的办法是在组件中执行。将另一个字段添加到stList并将其命名为RowCounter。然后填充此字段，然后将其打印到屏幕上。

类似...

let counter: number = 0;
this.stList.forEach((element: any) => {
 element.rowCount = counter+1;
};

****进一步添加以回应评论。****

使其成为Model stList的一部分。因此，将一个名为rowCount的属性添加到您的StudentData模型中

类似的东西。

export interface StudentData {
 rowCount:number;
 name:string;
 gender: string;    
 age: number;
 address: Address;
 }

然后像其他属性一样引用它

<tr>
    <td>{{st.rowCount}}</td>
    <td>{{st.name}}</td>
    --etc
</tr>

可以说是模型数据。