example - angularjs tutorial

Las vistas angulares de JS no se actualizan correctamente

Question

Tengo la siguiente accion

ng-click en mi vista -> que inturn llama a una función jQuery ajax que muestra jQuery Qtip -> En la ventana emergente Qtip tengo un ng-click en un elemento -> que realiza una publicación de $ http y tiene algunas devoluciones de llamada para actualizar $ alcance valores

Así que todas estas cosas están sucediendo correctamente. Pero las actualizaciones no se reflejan en la vista según los cambios realizados en la devolución de llamada en la etapa final.

Tengo una función para "ng-mousemove" en mi vista. Así que cada vez que muevo mi mouse, las actualizaciones en la vista se reflejan.

¿Qué estoy haciendo mal aquí? ¿Es debido a la transición entre angular y no angular? ¿Alguien puede ayudarme a resolver esto?

Answer 1

Como explica la docs :

$ apply () se utiliza para ejecutar una expresión en ángulo desde fuera del marco angular. (Por ejemplo, desde los eventos DOM del navegador, setTimeout, XHR o bibliotecas de terceros). Debido a que estamos invocando el marco angular, necesitamos realizar un ciclo de vida de alcance adecuado para el manejo de excepciones, ejecutando relojes.

Así que si tienes un código jQuery como

$(''#myDiv'').on(''click'', function() {
  // do stuff
  $scope.$apply();
});

Answer 2

Tienes que decirle que J angular ha cambiado algo con $scope.$apply() .

Aquí hay un buen blog sobre por qué: http://www.yearofmoo.com/2012/10/more-angularjs-magic-to-supercharge-your-webapp.html#apply-digest-and-phase