title: Angular textarea data binding
body: <p>I am able to bind the data from a textarea on to the page whilst typing but how am I able to get the returns placed in the textarea?</p>
  
  <p>My current code is:-</p>
  
  <p>app.component.html</p>
  
  <pre><code>  &lt;div class="ui center aligned grid"&gt;{{Form.value.address}}&lt;/div&gt;
  
    &lt;form class="ui large form" [formGroup]="Form"&gt;
      &lt;div class="ui segment"&gt;
        &lt;div class="field"&gt;
          &lt;div class="ui input"&gt;
            &lt;textarea type="text" name="address" placeholder="Address" formControlName="address"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>app.component.ts</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {FormBuilder, FormControl, FormGroup} from '@angular/forms';
  
  @Component({
    selector: 'app',
    templateUrl: './app.component.html'
  })
  export class AppComponent implements OnInit {
  
    private Form: FormGroup;
  
    constructor() { }
  
    ngOnInit() {
      this.Form = new FormGroup({
        address: new FormControl()
      });
    }
  
  }
  </code></pre>
  
  <p>As you can see from above I can get the data to bind but I am unable bind it as multiple lines, I know I could have multiple boxes to achieve this but I was hoping I would not have to do that.</p>
  
  <p>Any help would be greatly appreciated.</p>