title: How to add formcontrol to a textarea in angular 8
body: <p>I'm working on a contact form and can't get the form to submit the textarea value using ngModel. I keep getting an error from the browser that I will post down below</p>
  
  <p>I've tried using reactiveforms but end up with the same problem and error as before.</p>
  
  <p>// HTML</p>
  
  <pre><code>&lt;form #myform="ngForm" (ngSubmit)="send(myform)" autocomplete="off"&gt;
    &lt;ol&gt;
      &lt;li&gt;
        &lt;label&gt;What's your name?&lt;/label&gt;
        &lt;input ngModel name="q1" type="text" required/&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;label&gt;What's your email address?&lt;/label&gt;
        &lt;input ngModel name="q2" type="email" required/&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;label&gt;What's the purpose of the message?&lt;/label&gt;
        &lt;div&gt;
          &lt;span&gt;&lt;input ngModel id="q3a" name="q3" type="radio" value="choice1" /&gt;&lt;label for="q3a"&gt;choice 1&lt;/label&gt;&lt;/span&gt;
          &lt;span&gt;&lt;input ngModel id="q3b" name="q3" type="radio" value="choice2" /&gt;&lt;label for="q3b"&gt;choice 2&lt;/label&gt;&lt;/span&gt;
          &lt;span&gt;&lt;input ngModel id="q3c" name="q3" type="radio" value="choice3" /&gt;&lt;label for="q3c"&gt;choice 3&lt;/label&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;label&gt;This is where your message goes!&lt;/label&gt;
        &lt;textArea [(ngModel)]="q4" name="q4" rows="5" cols="60" required&gt;
        &lt;/textArea&gt;
      &lt;/li&gt;
    &lt;/ol&gt;
    &lt;input type="submit"/&gt;
    &lt;button type="submit"&gt;Send Message&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>// Typescript</p>
  
  <pre><code>send(form: NgForm){
    console.log(form.value);
  }
  </code></pre>
  
  <p>// Console output</p>
  
  <pre><code>{q1: "name", q2: "email", q3: "choice1", q4: undefined}
  </code></pre>
  
  <p>// Error</p>
  
  <pre><code>Error: Uncaught (in promise): Error: No value accessor for form control with name: 'q4'
  Error: No value accessor for form control with name: 'q4'
      at _throwError (forms.js:3313)
      at setUpControl (forms.js:3139)
      at forms.js:5963
      at ZoneDelegate.invoke (zone-evergreen.js:359)
      at Object.onInvoke (core.js:39698)
      at ZoneDelegate.invoke (zone-evergreen.js:358)
      at Zone.run (zone-evergreen.js:124)
      at zone-evergreen.js:855
      at ZoneDelegate.invokeTask (zone-evergreen.js:391)
      at Object.onInvokeTask (core.js:39679)
      at resolvePromise (zone-evergreen.js:797)
      at zone-evergreen.js:862
      at ZoneDelegate.invokeTask (zone-evergreen.js:391)
      at Object.onInvokeTask (core.js:39679)
      at ZoneDelegate.invokeTask (zone-evergreen.js:390)
      at Zone.runTask (zone-evergreen.js:168)
      at drainMicroTaskQueue (zone-evergreen.js:559)"
  </code></pre>