Utilisation de $ .ajax de jQuery dans un contrôleur angularJS

Comment puis-je utiliser du jQuery $.ajax() de la fonction à l'intérieur d'un angularJS contrôleur (au lieu de angularJS intégré $http), de sorte que la somme de valeurs de portée peut être consulté à partir d'une vue/modèle plus tard?

J'ai un peu minimaliste, angularJS contrôleur:

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

Et dans la vue de quelque chose comme:

<h1>Hello, {{ user.Username }}</h1>

Cependant, la <h1> dans la vue sera vide de la charge, bien qu'un console.log() dans le contrôleur me dit que $champ d'application.l'utilisateur est renseigné comme je veux.

Maintenant, Si je remplace le $.ajax() appel avec $http.get() tout fonctionne bien comme prévu.

Je sais de $http qui est angularJS intégré, mais comme je ne suis pas commencer à partir de zéro, mais ont déjà beaucoup de code qui utilise jQuery tout, je veux m'en tenir à jQuery $.ajax().

Des idées?

source d'informationauteur Dynalon

  1. 23

    Parce que l'utilisation de jQuery ajax est du monde de l'angulaire, vous avez besoin d'envelopper votre $portée de mission à l'intérieur de 

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

    Angulaire de dollars de http est livré pré-construits avec les digérer cycle du mécanisme de déclenchement.