title: how to store and set value of mat-input in object instead of string
body: <p>I'm getting  <code>formGroup.get('Style').</code> value in string, but I needed as object.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;mat-form-field class="full-width"&gt;
      &lt;input matInput formControlName="Style" placeholder="{{'Style'}}" type="any"&gt;
    &lt;/mat-form-field&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to get value of matInput in object, instead of string. for ex. if I put type= "number" and enter value 2 in matInput, form control will store the value 2 as a number. Similarly, if i write { 'background-color': '#4a90e2', 'margin-left': 10 } in matInput, formControl should store this value as Object instead of string</p>