Le remplissage de $la portée à l'aide .getJSON()

J'ai commencé à jouer avec Angular.js récemment, et a obtenu un projet de démonstration de travail assez bien. Cependant, quand j'ai essayé de charger les données à partir d'une interface de service web à l'opposé d'une codés en dur tableau j'ai commencé à avoir raccroché. Plus précisément, la page n'a pas l'air de bien lier des données, après j'ai mis le $champ d'application à l'aide de $.getJSON().(...). Au lieu de simplement l'affectation d'une valeur à $portée après .getJSON est fait, je devrais être en train de faire quelque chose d'autre/différemment? J'ai cherché haut et bas et vraiment ne pourrais pas trouver tout de bons exemples de angulaire c'est en tirant initiale des données à partir d'un backend.

Merci d'avance pour toute aide à ce!

OriginalL'auteur jkat98 | 2012-08-24

  1. 13

    Puisque vous essayez de mettre à jour le $scope à l'extérieur du Angulaire, vous aurez à faire vos changements de modèle à l'aide de la $s'appliquent méthode sur le champ.

    Peut-être quelque chose comme:

        $.getJSON('ajax/test.json', function(data) {
        $scope.$apply(function(){
            $scope.modelData = data;
        });
    });

    Le moyen privilégié pour accéder à un backend avec AngularJS serait d'utiliser la $http ou $ressource service à la place de jQuery. Vous n'aurez pas à utiliser $scope.$apply vous pouvez simplement mettre à jour votre $scope.modelData directement.

    Ce post a une bonne violon de mise à jour d'un modèle à l'extérieur de l'Angulaire de code.

    C'est parfait merci! Bien que votre exemple semble fonctionner parfaitement et je voudrais que vous l'avez fait remarquer l'utilisation de l'appliquer parce que contribué à ma compréhension de la façon dont tout cela fonctionne - je devrais probablement juste utiliser le protocole http ou de ressources depuis ceux qui semblent être les plus privilégiées comme vous l'avez dit. Merci encore!

    OriginalL'auteur Gloopy

  2. 0

    ou à la place de l'habillage à appliquer, il suffit d'appeler à la fin de la fonction de rappel comme

      $.getJSON('ajax/test.json', function(data) {
    $scope.data = data;        
    $scope.$apply();
});

    OriginalL'auteur chulian