title: formControlName gives me a null value - Angular
body: <p>i keep getting a null value from my reactive form. The field name is "from"</p>
  
  <p>my ts file</p>
  
  <pre><code>  ngOnInit() {
  this.createForm = new FormGroup({
    'title': new FormControl(null, [
              Validators.required,
              Validators.maxLength(40)
            ]),
    'message': new FormControl(null, [
              Validators.required,
              Validators.maxLength(130)
            ]),
    'from': new FormControl(null,
              Validators.maxLength(40)
            )
  });
  </code></pre>
  
  <p>}</p>
  
  <p>my form</p>
  
  <pre><code>&lt;form [formGroup]="createForm" (ngSubmit)="onSubmit()"&gt;
    &lt;div class="form-group"&gt;
      &lt;label for=""&gt;Food Item&lt;/label&gt;
      &lt;input type="text"
            class="form-control"
            placeholder="Bacon Egg &amp; Cheese Sandwich"
            maxlength="40"
            formControlName="title"
        &gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for=""&gt;Customer Message to Recepient&lt;/label&gt;
      &lt;textarea         
          class="form-control"
          rows="4"
          maxlength="130"
          formControlName="message"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;label for=""&gt;Customers Name&lt;/label&gt;&lt;br&gt;
        &lt;input type="text"
        class="form-control"
        placeholder="Anonymous"
        maxlength="40"
        formControlName="from"
        &gt;
        &lt;small class="text-muted"&gt;Leave Blank for Anonymous&lt;/small&gt;
    &lt;/div&gt;
    &lt;button class="btn btn-success"&gt;Create&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>in my onSubmit() method,
  this.createForm.controls['from'].value 
  keeps giving me a null</p>
  
  <p>anyone know what i'm doing wrong?</p>