Primero en aprender a usar el método get
del servicio AngularJS $http
. Ni siquiera lo necesita para esto, ya que simplemente puede solicitar un archivo JSON local.
Por ejemplo
(función () {
‘uso estricto’;
const usersURL = ‘./users.json’;
- ¿Cuál tiene un mejor futuro, Android o desarrollo web?
- ¿Qué lenguaje de programación utilizado al escribir una aplicación web le daría la mayor cantidad de años de servicio?
- ¿Cómo minimizar las etiquetas XML en el texto sublime 2? ¿Hay atajos?
- ¿Cómo funciona el desarrollo web?
- ¿Cómo evitan los desarrolladores front-end la necesidad de seguir vaciando la memoria caché del navegador al realizar cambios durante el desarrollo de activos como scripts y hojas de estilo?
const app = angular.module (‘aplicación’, []);
app.factory (‘userService’, userServiceFactory);
userServiceFactory. $ inject = [‘$ http’];
function userServiceFactory ($ http) {
regreso {
getUsers () {
return $ http.get (usersURL)
.then (respuesta => respuesta.datos);
}
};
}
} ());
En lo anterior no estamos solicitando datos de ningún marco de back-end específico. En realidad lo estamos solicitando desde un archivo local que se ve así
[
{
“nombre”: “James”,
“id”: 1
},
{
“nombre”: “Anna”,
“id”: 2
}
]
Esto es correcto porque su front-end no debería preocuparse por su back-end, no debería estar interesado en el hecho de que está implementado en Laravel o en cualquier otro detalle. Luego, cuando su backend esté configurado, cambie el valor de usersUrl
de './users.json'
a su url de backend.
En general, en general, cada vez que te encuentras preguntando “¿cómo combino mi marco de aplicación de una sola página con alguna tecnología de servidor específica X”? Vuelva a pensar el problema porque tiene dos aplicaciones separadas, una en el cliente y otra en el servidor. Se comunican enviando JSON de un lado a otro, pero ignoran por completo la implementación de los demás.
No tiene elección en este asunto, es más bien cómo funciona la web.