Comment utiliser la fonction $ .ajax () de jQuery dans un contrôleur angularJS (au lieu de $ http intégré) afin que les valeurs de $ scope soient accessibles ultérieurement à partir d’un affichage / modèle?

J’ai ce contrôleur angularJS un peu minimaliste:

function UserCtrl($scope, $http) { $.ajax('http://localhost:8080/admin/user/johndoe').success(function(data) { $scope.user = data; }); } 

Et dans la vue, quelque chose comme:

 
Hello, {{ user.Username }} 

Cependant, le

• Comment chaîner des appels ajax en utilisant jquery
• Comment GitHub change l’URL sans recharger une page?
• Gestion des erreurs de requête JSONP
• Ajob a cessé de fonctionner après la mise à jour de jQuery vers la version 1.9.0
• Accéder au service Web à partir de jQuery – interdomaine

dans la vue sera vide lors du chargement, même si un console.log() dans le contrôleur me dit que $ scope.user est rempli exactement comme je le souhaite.

Maintenant, si je remplace l’ $.ajax() par $http.get() tout se passe comme prévu.

Je connais $http qui est intégré à angularJS, mais comme je ne pars pas à zéro mais que j’ai déjà beaucoup de code qui utilise jQuery, je veux m’en tenir à jQuery pour $ .ajax ().

Des idées?

• Comment faire pour que la boîte de dialog jQueryUI charge le contenu de manière dynamic
• Mise à jour de div avec la réponse jQuery ajax html
• Recharger les données de la table dans Django sans actualiser la page
• Deprecation of success Parameter dans jQuery.ajax?
• Formulaire modal d’édition MVC 4 à l’aide de Bootstrap

JQuery ajax étant hors du monde angular, vous devez envelopper votre affectation $ scope dans

 $scope.$apply(function(){ $scope.user = data; }); 

$ Http angular est livré pré-construit avec le mécanisme de déclenchement du cycle de digestion.