title: Approach for implementing screen in angular (Edit vs view mode ) on click
body: <p>We have a similar screen which needs to be developed :</p>
  <p><a href="https://ux.stackexchange.com/questions/93159/view-mode-or-always-in-edit-mode">https://ux.stackexchange.com/questions/93159/view-mode-or-always-in-edit-mode</a></p>
  <p>with the following feature :</p>
  <ol>
  <li>Clicking of button, the fields should be editable.</li>
  <li>In the image, the data is being repeated, but we have different data ( ex : first card template will be personal information, second one will be addresses, and so on)</li>
  <li>if there is a change in the  input boxes, then call corresponding API on click of save
  button.</li>
  </ol>
  <p>I am confused on how to approach this screen.</p>
  <ol>
  <li>I was thinking of using forms, where in i can create form controls for individual template and on click of button  push the form in dynamic array. But i am not sure if its the right approach.</li>
  </ol>
  <p>Can someone please help me out or point out a similar example which i can reference?</p>