Tengo lo que creo que es probablemente una pregunta muy obvia, pero no pude encontrar una respuesta en ninguna parte.
Solo estoy tratando de cargar algunos datos JSON de mi servidor en el cliente. En este momento, estoy usando JQuery para cargarlo con una llamada AJAX (código a continuación).
<script type="text/javascript">
var global = new Array();
$.ajax({
url: "/json",
success: function(reports){
global = reports;
return global;
}
});
</script>
Este se encuentra en el archivo html. Funciona hasta ahora, pero el problema es que quiero usar AngularJS. Ahora, mientras Angular PUEDE usar las variables, no puedo cargar todo en una variable, por lo que puedo usar un para cada ciclo. Esto parece estar relacionado con el "$ Scope", que normalmente se encuentra en el archivo .js.
El problema es que no puedo cargar código de otras páginas en un archivo .js. Cada ejemplo de Angular solo muestra cosas como esta:
function TodoCtrl($scope) {
$scope.todos = [
{text:'learn angular', done:true},
{text:'build an angular app', done:false}];
Entonces, esto es útil, si IA) Quiero escribir todo esto a mano, Y B) Si sé de antemano cuáles son todos mis datos ...
No lo sé de antemano (los datos son dinámicos) y no quiero escribirlos.
Entonces, cuando intenté cambiar la llamada AJAX a Angular usando $ Resource, no parece funcionar. Tal vez no pueda resolverlo, pero es una solicitud GET relativamente simple para datos JSON.
tl: dr No puedo hacer que las llamadas AJAX funcionen para cargar datos externos en un modelo angular.