title: How to update the nested object in Angular reactive form
body: <p>I am working with Angular 14 framework and looking for a very simple approach. Suppose I want to add a client with the additional contact details. My Angular reactive form is,</p>
  <pre><code>form = this.fb.group({
    client_Id: [0],
    client_Name: [''],
    client_Contacts: this.fb.array([])
  })
  </code></pre>
  <p>Now my API is also emitting a JSON like,</p>
  <pre><code>{&quot;client_Id&quot;:&quot;1&quot;,&quot;client_Name&quot;:&quot;Nikhil&quot;,&quot;client_Contact&quot;:[{&quot;place&quot;:&quot;Home&quot;,&quot;number&quot;:&quot;1111111&quot;}, {&quot;place&quot;:&quot;Work&quot;,&quot;number&quot;:&quot;2222222&quot;}]}
  </code></pre>
  <p>Now creating a new client entry with reactive form is simple. But updating data is quite a pain.</p>
  <p>Is there a best solution for the updating?</p>