Angular JS sigue MVC del lado del cliente. Por lo tanto, defina su controlador, vista y servicio por separado en el lado del cliente.
En primer lugar, exponga el recurso REST a través del controlador de primavera .
@RequestMapping (value = “/ validate”, method = RequestMethod.POST)
Public ResponseEntity validate (@RequestBody String userString, solicitud HttpServletRequest) {
Usuario de mapa = nuevo Gson (). FromJson (userString, Map.class); userService.validateUser (usuario, solicitud);
return new ResponseEntity (HttpStatus.OK);
}
- Cómo mejorar mi lógica en la codificación
- ¿Por qué, a pesar de la popularidad de Facebook y Wikipedia, la gente dice que PHP es malo?
- ¿Cómo obtiene datos appcomments.com, en particular las reseñas, de la tienda de aplicaciones de Apple?
- Cómo diseñar un formulario de contacto para que se vea así
- Si usar AJAX para enviar y recibir datos del servidor es más rápido, ¿por qué todavía necesitamos idiomas de backend en el desarrollo web o marcos como django?
En su página html, defina su aplicación y cree formularios html normales
use ng-submit que llamará a su método definido en el controlador en lugar de enviar el formulario.
Ahora crea tu controlador
var Aplicación = angular.module (‘aplicación’, []);
App.controller (‘userController’, [‘$ scope’, ‘userService’,
función ($ scope, userService) {
$ scope.login = function () {
userService.postUserData ($ scope.user) .then (
función (d) {
// después de iniciar sesión es exitoso
});
};
Ahora defina su servicio angular de la siguiente manera:
App.factory (‘userService’, función ($ http, $ q) {
regreso {
postUserData: function (usuario) {
var config = {
encabezados: {
‘Content-Type’: ‘application / json’
}
}
return $ http.post (‘validar’, usuario, config)
.luego(
función (respuesta) {
return response.data;
},
función (errResponse) {
alerta (errResponse.status + ‘:’ + errResponse.statusText);
return $ q.reject (errResponse);
});
});
Referencias
Integración Spring Mvc Angularjs