Demora en la actualización del model Angularjs

Parece que hay una demora al actualizar el model. si envío el formulario inmediatamente después de actualizar el model, se enviarán los datos anteriores, pero si los envío después de 1 segundo, funcionan correctamente:

Manifestación

Edición 1 : código de demostración es una versión simplificada de mi código final para demostrar el problema: cuando se envía el formulario, el valor del campo 'ciudad' es 'NY' no 'LA'.

Edición 2 : Gracias por todas las sugerencias sobre las mejores prácticas y methods alternativos, pero hice esta pregunta para saber si el uso de angularjs puede causar una latencia en el enlace y si la respuesta es sí, ¿no será peligroso usarla?

Use ngSubmit y un button en lugar de un enlace y ngClick . Creo que el problema es que activa su formulario de forma manual dentro de su método. Eso no es necesario. Por cierto, debe evitar usar jQuery $("...") con angular porque la mayoría de los cambios que hace con jQuery no serán reconocidos por angular

 <form id="myform" method="POST" ng-submit="submitForm()"> <input type="text" name="city" id="city" ng-model="city">{{ city }} <button type="submit">Click Here</button> </form> 

Le sugiero encarecidamente que no ejecute el código de Jquery en Angularjs:

 AVOID: $("#myform").submit(); 

Además de eso, no entiendo el punto usando angularjs para este caso de uso. No está adoptando las mejores prácticas de angularjs, es decir, debe enviar la información a través de un service POST, mientras usa la request POST html estándar.

Espero que ayude.