title: Angular 2: Accessing data from FormArray
body: <p>I have prepared a from using ReactiveForms provided by angular2/forms. This form has a form array products:</p>
  
  <pre><code>this.checkoutFormGroup = this.fb.group({
              selectedNominee: ['', Validators.required],
              selectedBank: ['', Validators.required],
              products: productFormGroupArray
          });
  </code></pre>
  
  <p>productFormGroupArray is a array of FormGroup Objects.I fetched the controls i.e. FormArray object using this:</p>
  
  <pre><code>this.checkoutFormGroup.get('products')
  </code></pre>
  
  <p>I am trying to get the element in the products array at index <code>i</code>. How can this be done without looping through the array?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>I tried with at(index) method available:</p>
  
  <pre><code>this.checkoutFormGroup.get('products').at(index)
  </code></pre>
  
  <p>but this is generating an error as:</p>
  
  <pre><code>Property 'at' does not exist on type 'AbstractControl'.
  </code></pre>
  
  <p><strong>Edit 2:</strong>
  checkoutData and fund are received from server.</p>
  
  <pre><code>this.checkoutData.products.forEach(product =&gt; {
                      this.fundFormGroupArray.push(this.fb.group({
                          investmentAmount: [this.fund.minInvestment, Validators.required],
                          selectedSubOption: ['', Validators.required],
                      }))
              });
  </code></pre>