在Angular中找到formArray里面的索引值

Question

我试图在反应式 forms 中的 formArray 中找到索引值。 下面是我的 html 代码

 <form [formGroup]="categoryForm">
                <div
                  formArrayName="categories"
                  *ngFor="let category of categories.controls; let i = index"
                >
                  <div [formGroupName]="i">
                    <div class="form-group row mb-2">
                      <div class="col-md-4">
                        <input
                          class="form-control"
                          id="{{ 'categoryName' + i }}"
                          type="text"
                          placeholder="Category Name (required)"
                          formControlName="categoryName"
                        />
                      </div>
                   </form>

当我单击添加类别按钮时，我正在尝试遍历类别并希望找到 formarray 值的索引

下面是我的组件中的 addButton() 方法

for (let i = 0 ; i< this.categories.length ; i++){
      console.log("Array of category Name on Adding **** ", this.categories.value[i].categoryName);
      console.log("Category Length is ------>" , this.categories.length);
      //console.log(this.categories.controls.indexOf())
     // i want to find the index value of the categories which i am adding one by one
    }

我需要控制台记录我要一一添加的索引值。