title: To reset the selected input field in angular
body: <p>I have component to <code>edit</code> and add back some multiple <code>address</code> dynamically, The UI looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/3v3ND.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3v3ND.png" alt="enter image description here"></a></p>
  
  <p>After adding/editing a particular <code>address</code> . I am resetting the whole <strong>form</strong> field values. In order to a new <code>address</code> like this:</p>
  
  <p><a href="https://i.stack.imgur.com/UzaBh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UzaBh.png" alt="enter image description here"></a></p>
  
  <p>But i want to empty only the <code>address</code> input fields (means Type,city...) On clicking <strong>add</strong> button.
  <a href="https://i.stack.imgur.com/K0oxw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K0oxw.png" alt="enter image description here"></a></p>
  
  <p>but now on clicking <code>add</code> button i am resetting all form field values(ex <strong>name</strong> is also resetting as shown in the second image).
  How can i reset only <strong>address fields input</strong> values? On clicking <strong>add</strong> button.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-movie-read-load-json-sample-eg-a5wfbv?file=src/app/edit/edit.component.ts" rel="nofollow noreferrer">DEMO</a></p>