title: Angular Select Element not updating revert back value with [(ngModel)] using its change event
body: <p>We are using [(ngModel)] with a Select Element for two-way binding but it does not revert back the value with its change event. <a href="https://stackblitz.com/edit/angular-ivy-aavju4?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fhello.component.ts" rel="nofollow noreferrer">Select Element Example</a> This is a sample example created. To generate not updating revert back value, following steps are available.</p>
  <ol>
  <li>Select Data2 then it's selected with Data3</li>
  <li>Again Select Data2 then it does not change in UI. In this case, it should be Data3.</li>
  </ol>
  <p>This is a problem with two-way binding with Select Element, anyone explains why [(ngModel)] works like this?</p>
  <p>It works as expected when set value with event.target.value in change event and also works with setTimeout function async in change event.</p>