title: How to create formControlName dynamically in Angular 4?
body: <p>I want to create <strong>formControlName</strong> dynamically, here is my code in component,</p>
  
  <blockquote>
    <p><strong>CONTROLER CODE</strong></p>
  </blockquote>
  
  <pre><code>ngOnInit() {
    this.rForm = this.fb.group({
       question_type_id: this.fb.array([]),
    });
  
    for (let i = 0; i &lt; this.getQuestionsType.length; i++) {
       const control = &lt;FormArray&gt;this.rForm.controls['question_type_id'];
       control.push(this.initAddress(i));
    }
  }
  
  initAddress(i) {
    var ans = "is_answer_"+i;
  
    return this.fb.group({
      ans: ['']
    });
  }
  </code></pre>
  
  <p>So I want <strong>formControlName</strong> Like this,</p>
  
  <pre><code>is_answer_0
  is_answer_1
  is_answer_2
  </code></pre>