title: How to push on FormArray without FormBuilder on Angular 2
body: <p>I have form array, I am having hard time solving this.</p>
  
  <p>this is my current code</p>
  
  <p>.ts</p>
  
  <pre><code>ngOnInit() {
      this.item = this.fb.group({
        codeId: ['', Validators.pattern(/^\d+$/)],
        name: ['', [Validators.required, Validators.minLength(3)]],
        stepTextarea: ['', []],
        steps: [this.fb.array([]), []]
      });
  }
  addProcedure (e): void {
      e.preventDefault();
      const control = &lt;FormGroup&gt;this.item;
      const steps = &lt;FormArray&gt;this.item.controls['steps'];
  
      steps.push(control.get('stepTextarea').value);
      control.get('stepTextarea').setValue("", {onlySelf: true})
    }
  
  onSubmit({value, valid}: {value: Item, valid: boolean}): void {
      const control = &lt;FormGroup&gt;this.item;
      console.log(value);
  }
  </code></pre>
  
  <p>.html</p>
  
  <pre><code>&lt;ol ngFor [ngForOf]="item.get('steps').controls"&gt;
    &lt;span [formGroupName]="i"&gt;{{i}}&lt;/span&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>I am having hard time how to populate and also push. I cant find any tutorial.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I want something like this on submit</p>
  
  <pre><code>{
      codeId: 123,
      name: "wew",
      stepTextarea: "",
      steps: ['asdjlkas','12312','12321']
  }
  </code></pre>