renderizar - Cómo manejar los errores de $ resource service en AngularJS

renderizar html angularjs

Question

Estoy haciendo solicitudes a mi API y estoy usando el módulo de recursos AngularJS $. Es diferente de $ http, así que no sé cómo manejar mis errores.

Mi servicio:

var appServices = angular.module(''app.services'', [''ngResource'']);
appServices.factory(''Category'', [''$resource'',
    function($resource){
        return $resource(''/apicategoryerr/?format=:format'', {}, {
            query: {
                method: ''GET'', 
                params: { format: ''json''}, 
                isArray: true,

            }
        });
    }]);

Mi controlador:

...
Category.query(function(data) {
                console.log(data);
            });
...

Quiero algo como esto o ... No sé cómo manejar los errores si mi API no funciona.

Category.query().success(function() {
                console.log(''success'');
            }).error(function() {
                console.log(''error'');
            });

Answer 1

Aquí hay un nuevo ejemplo de ES6 (uso TypeScript) en mi ng.resource

resolve: {
    detail: function (myService, $stateParams) {
        return myService.getEventDetail({ id: $stateParams.id }).$promise.then(data => data, error => false );
    }
}

y luego en mi controlador, ''detalle'' inyectado en el controlador se resolverá con los datos (bueno) o falso para el error, donde manejo la pantalla de 404.

Answer 2

Puede definir un controlador de errores en el paso de creación del recurso agregando un objeto interceptor en la descripción de un método, con una propiedad responseError , vinculada a su función de error.

function resourceErrorHandler(response) { ... }

$resource(''/path/:param/'', {} , 
{
        ''get'':    {method:''GET'', 
                   interceptor : {responseError : resourceErrorHandler}},
        ''save'':   {method:''POST''},
        ''query'':  {method:''GET'', isArray:true, 
                   interceptor : {responseError : resourceErrorHandler}},
        ''remove'': {method:''DELETE''},
        ''delete'': {method:''DELETE''}
};

donde resourceErrorHandler es una función llamada en cada error en el método get o query. Para el problema planteado, el método get es el único necesario. Por supuesto, puedes aplicar eso a cualquier acción.

Existe otra response interceptor para $ recurso para capturar una respuesta normal.

 {''get'': {method:''GET'', interceptor : {response : resourceResponseHandler}},

Los interceptores son parte del módulo $http , puede leer más sobre ellos en sus documentos .

Answer 3

puede pasar el controlador de errores como un segundo parámetro para query .

Category.query(function(data) {}, function() {});

EDITAR:

para aclarar un poco las cosas, algunos ejemplos:

var Resource = $resource(''/restapi/resource'');

Resource.query(function(data) {
    // success handler
}, function(error) {
    // error handler
});

Resource.query({
    ''query'': ''thequery''
},function(data) {
    // success handler
}, function(error) {
    // error handler
});

Resource.query().$promise.then(function(data) {
    // success handler
}, function(error) {
    // error handler
});

Resource.query({
    ''query'': ''thequery''
}).$promise.then(function(data) {
    // success handler
}, function(error) {
    // error handler
});