Угловой 2: доступ к данным из FormArray

Я подготовил a от использования ReactiveForms, предоставляемых угловыми2/формами. Эта форма имеет форму массива:

this.checkoutFormGroup = this.fb.group({
            selectedNominee: ['', Validators.required],
            selectedBank: ['', Validators.required],
            products: productFormGroupArray
        });

productFormGroupArray - это массив объектов FormGroup Objects.I выбрал элементы управления, т.е. объект FormArray, используя это:

this.checkoutFormGroup.get('products')

Я пытаюсь получить элемент в массиве продуктов в индексе i. Как это можно сделать без перебора массива?

Редактировать:

Я пробовал с доступным методом (индекс):

this.checkoutFormGroup.get('products').at(index)

но это порождает ошибку:

Property 'at' does not exist on type 'AbstractControl'.

Редактировать 2: checkoutData и фонд получены с сервера.

this.checkoutData.products.forEach(product => {
                    this.fundFormGroupArray.push(this.fb.group({
                        investmentAmount: [this.fund.minInvestment, Validators.required],
                        selectedSubOption: ['', Validators.required],
                    }))
            });

Ответы

var arrayControl = this.checkoutFormGroup.get('products') as FormArray;

var item = arrayControl.at(index);

var item = (<FormArray>this.checkoutFormGroup.get('products')).at(index);

getName(i) {
    return this.getControls()[i].value.name;
  }

  getControls() {
    return (<FormArray>this.categoryForm.get('categories')).controls;
  }

<mat-tab-group formArrayName="categories" class="uk-width-2-3" [selectedIndex]="getControls().length">
      <mat-tab
        *ngFor="let categoryCtrl of getControls(); let i = index"
        [formGroupName]="i"
        [label]="getName(i)? getName(i) : 'جديد'"
      >
</mat-tab>
</mat-tab-group>