title: Normalize JavaScript Object onto nested object from flat object when using Angular FormControlls
body: <p>the issue stems from using angular form controls refactored from ngModel</p>
  
  <pre><code>this.form.addControl('Contact.Attributes.firstname', new FormControl('', Validators.required));
  </code></pre>
  
  <p>NgModel refactored</p>
  
  <pre><code>[(ngModel)]="object.Contact.Attributes.firstname"&gt;
  </code></pre>
  
  <p>So i have a "flat" object that i need to turn into a normalized object of nested values.. is there a clever way to do this without writing my own parser?</p>
  
  <p>turn this into (this.form.value)</p>
  
  <pre><code>{
   Contact.Attributes.firstname: "", 
   Contact.Attributes.middlename: "", 
   Contact.Attributes.lastname: ""
  }
  </code></pre>
  
  <p>Into this</p>
  
  <pre><code>Contact: {
    Attributes: {
      firstname: "",
      middlename: "",
      lastname: "",
  }
  </code></pre>