将 SL 编号添加到角度表

Question

我有下表，其中表中是使用数组生成的：

<tbody *ngFor="let ques of questArray;let i =index">
<tr *ngif="catId == ques.categoryID">
<td> {{i}} </td>

我需要向列添加序列号

但问题是有一个 *ngif 会过滤具有不同类别的数组 因此，如果执行 {{i}}，数字现在会列出来

1,2,5,6,7,11

I want to list like 1,2,3,4,5 without break.

同样在新类别中，`

我需要从 1 重新开始编号，而不是继续。

`

我可以使用另一个 *ngFor 作为序列号吗？是否可以在每个 ngif 条件下重新启动该号码

Answer 1

在 questArray 的元素中添加一个新键。

例如在 ts 文件中，

let sno = 1;
for(let i=0; i < questArray; ++i){
  let ques = questArray[i];
  if(this.catId == ques.categoryID){
    questArray[i]['sno'] = sno++;
  } 
}

并在模板中使用它，如下所示，

<tbody *ngFor="let ques of questArray;let i =index">
<tr *ngif="catId == ques.categoryID">
<td> {{ques.sno}} </td>