J'ai ce que je pense être une question très évidente, mais je n'ai trouvé aucune réponse nulle part.
J'essaie juste de charger des données JSON de mon serveur dans le client. En ce moment, j'utilise JQuery pour le charger avec un appel AJAX (code ci-dessous).
<script type="text/javascript">
var global = new Array();
$.ajax({
url: "/json",
success: function(reports){
global = reports;
return global;
}
});
</script>
Ceci est situé dans le fichier html. Cela fonctionne jusqu'à présent, mais le problème est que je veux utiliser AngularJS. Maintenant, alors que Angular CAN utilise les variables, je ne peux pas charger le tout dans une variable afin que je puisse utiliser un pour chaque boucle. Cela semble être lié au "$ Scope", qui se trouve généralement dans le fichier .js.
Le problème est que je ne peux pas charger le code d'autres pages dans un fichier .js. Chaque exemple d'Angular ne montre que des trucs comme ceci:
function TodoCtrl($scope) {
$scope.todos = [
{text:'learn angular', done:true},
{text:'build an angular app', done:false}];
Donc, c'est utile, si IA) Vous voulez taper tout cela à la main, ET B) Si je sais à l'avance quelles sont toutes mes données ...
Je ne sais pas à l'avance (les données sont dynamiques) et je ne veux pas les saisir.
Donc, quand j'ai essayé de changer l'appel AJAX en Angular en utilisant $ Resource, cela ne semble pas fonctionner. Peut-être que je ne peux pas le comprendre, mais c'est une requête GET relativement simple pour les données JSON.
tl: dr Je ne peux pas faire fonctionner les appels AJAX pour charger des données externes dans un modèle angulaire.