title: Angular not giving current state of checkbox
body: <p>I have started building an ToDo sample app. I am facing an strange issue.
  Below is the HTML code for the ToDo List. In that list i am setting ngModel for checkbox and firing an change event as well.</p>
  
  <p><a href="https://i.stack.imgur.com/sLoOF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sLoOF.png" alt="enter image description here"></a></p>
  
  <p>Code to listen the change. I am only printing the current state to console. </p>
  
  <p><a href="https://i.stack.imgur.com/ywTXU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ywTXU.png" alt="enter image description here"></a></p>
  
  <p>Look at below image you can see the current state of the checkbox is checked but in console i am getting the previous state of the checkbox.</p>
  
  <p><a href="https://i.stack.imgur.com/54ANE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/54ANE.png" alt="enter image description here"></a></p>
  
  <p>Please tell me what is the correct approach to have that working.</p>