title: How to set two way binding data in dropdown in angular 6?
body: <p>I have a data like this.</p>
  
  <pre><code>[
     {
         "user_id": 1,
         "name": "John"   
     },
     {
         "user_id": 2,
         "name": "Doe"   
     },
     ...
  ]
  </code></pre>
  
  <p>In app, I have set two dropdown for show only user_id and name respectively. </p>
  
  <p>For user id I have used simple <code>select</code> and <code>option</code>.</p>
  
  <p>For <code>name</code> I have used <code>ngx-select-dropdown</code>. </p>
  
  <p>Now I have to make two way binding, when I select <code>Doe</code> then id dropdown <code>2</code> will automatically bind. Same way if I choose id <code>1</code> then <code>John</code> will autimatically select. </p>
  
  <p>I have a design like below. </p>
  
  <p><a href="https://i.stack.imgur.com/mgqmP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mgqmP.png" alt="enter image description here"></a></p>