Получить 0-й элемент FormControl внутри Form Array, angular8

Question

У меня есть простая реактивная форма

this.orderForm = this._formBuilder.group({
  vlanFormGroup: this._formBuilder.group({
    vlanId: ['', [Validators.required, Validators.pattern(this.positiveInteger)]],
    vlanName: ['', [Validators.required, Validators.pattern(this.vlanNamePattern)]],
    addVlanToTrunk: [''],
    trunkInterfaces: this._formBuilder.array([
      this.createAddVlanToTrunkMember()
    ])
  })



    createAddVlanToTrunkMember(): FormGroup {
        return this._formBuilder.group({
          trunkInterface: [''],
          allowedVlansOnTrunk: ['']
        });
      }

  get trunkInterfaces(): FormArray {
    return this.vlanFormGroup.get('trunkInterfaces') as FormArray;
  }



get vlanFormGroup(): FormGroup {
    return this.orderForm.get("vlanFormGroup") as FormGroup;
  }

Я добавил новый массив formControl, используя ts. Теперь я хочу получить доступ к первой строке внутри trunkInterfaces массива элементов управления формы и получить его элементы управления формы и их значения. Я пытался component.trunkInterfaces[0].get('trunkInterface')), но это не работает. Пожалуйста, помогите

Answer 1

Вам необходимо получить доступ к свойству массива форм controls:

component.trunkInterfaces.controls[0].get('trunkInterface'));

DEMO: https://stackblitz.com/edit/angular-czfuhm (открыть консоль)