title: 2-way databinding in autocomplete component
body: <p>I have 2 input filelds:</p>
  
  <p>1) courses (i,e Filter autocomplete component)<br>
  2) Amount (i,e input component) which are displayed as shown in below image:</p>
  
  <p><a href="https://i.stack.imgur.com/LfK5V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LfK5V.png" alt="enter image description here"></a></p>
  
  <p>Here i want to perform 2-way data-binding. i,e If i change <code>Course</code> name the <code>Amount</code> should change according the <code>Course</code>. How can i achieve this?</p>
  
  <p>Here is the <a href="https://stackblitz.com/edit/angular-8fmbef-up7jcm?file=app/autocomplete-filter-example.ts" rel="nofollow noreferrer">stackblitz</a> link.</p>