javascript - understanding - Cómo eliminar $ promise y $ resolvió del objeto json

promises javascript w3schools

Question

Estoy usando $ resource en angular para obtener el objeto json y su estructura se define a continuación

[
    {
        "id": 0,
        "name": "Type1"
    },
    {
        "id": 1,
        "name": "Type 2"
    }
]

después de obtener los datos ... console.log (jsonObject) me da

[Resource, Resource, $promise: Object, $resolved: true]

¿Cómo puedo eliminar $ promesa y $ resuelto del objeto resultante? Intenté angular.fromJson (json) pero todavía veo que estos objetos todavía existen.

Answer 1

¿Está utilizando isArray o .query() con su objeto $resource ?

De los documentos de $ resource: isArray – {boolean=} – If true then the returned object for this action is an array.

ACTUALIZAR:

Si está usando $resource correctamente, algunas de las opciones que tiene son:

1) Haga que el backend devuelva los datos contenidos dentro de un objeto, por ejemplo. { data: [] } lugar de solo una matriz.

2) Si eso no es posible, use la devolución de llamada de $resource.query() , por ejemplo.

MyResource.query({ myParams: ''something''}, function(result) {
    // Do something with the plain result
});

Answer 2

A partir de esta respuesta , parece que yourResource.toJSON() está disponible.

Answer 3

Correcto, me enfrenté al mismo problema varias veces y siempre terminé usando $ http en lugar de $ resource, sin embargo , hoy decidí tratar y lidiar con este problema. Espero que alguien también encuentre útil este día.

Entonces, después de recibir su objeto con $ promesa dentro de él, lo que hace es usar angular.copy(data) , así:

someService.getSomething($scope.someId).$promise.then(function (data) {
    if (data) {
        $scope.dataWithoutPromise = angular.copy(data);
    }
});

Después de eso, verá que su dataWithoutPromise solo contiene los objetos que necesita, y $ promesa y $ resuelto se han ido.

Answer 4

Ejemplo de mi proyecto

Diary.getSharedWithMe(function(data) {
        delete data.$promise;
        delete data.$resolved;
        _self.sharedDiariesWithMe = data;
    }, function(error) {
        console.log(error)
    });

Answer 5

Estoy buscando la misma respuesta, pero en este momento solo conozco este feo truco:

Para escribir una func como esta:

function cleanResponse(resp) {
    return JSON.parse(angular.toJson(resp));
}

y llámalo en cada consulta (fea, sí):

function getSmt() {
    Resource.get({}, function (data) {
        $scope.some = cleanResponse(data);
    }, function (responce) {
        //handle error
    })
}

Seré feliz si alguien me enseñara a hacerlo correctamente.

Answer 6

Estoy enfrentando el mismo problema. De hecho, simplemente tiene que usar la misma versión de recurso angular y angular y funcionará a la perfección. Espero eso ayude !

Answer 7

Hice este método reutilizable rápido para angular.toJson (Las propiedades con $$ angular.toJson ):

yourApp.factory(''Service'', [''$resource'', function ($resource) {
    return $resource(''your/rest/api/path'');
}]);

 yourApp.factory(''commonServices'', function () { 
         return {
                toJson : function(response){
                    return JSON.parse(angular.toJson(response));
                     //*or* 
                    //return angular.toJson(response);
                }
    });

Y luego algo como esto en tu controlador:

 yourApp.controller(''Controller'', [''$scope'', ''Service'',''commonServices'',  
function ($scope, Service, commonServices) {
            Service.get().then(function (data) {
                $scope.myData = commonServices.toJson(data);
            });
        });

La forma más sencilla es agregar angular.toJson en el controlador.

 yourApp.controller(''Controller'', [''$scope'', ''Service'',  
function ($scope, Service, commonServices) {
            Service.get().then(function (data) {
                $scope.myData = angular.toJson(data);
            });
        });

Answer 8

Intenta codificar algo como esto en tu servicio:

yourApp.factory(''Service'', [''$resource'', function ($resource) {
    return $resource(''your/rest/api/path'');
}]);

Y luego algo como esto en tu controlador:

yourApp.controller(''Controller'', [''$scope'', ''Service'', function ($scope, Service) {
    Service.get().then(function (data) {
        $scope.myData = data;
    });
});

Answer 9

Por favor simplemente haga esto:

jsonObject. $ promise = undefined; jsonObject. $ resolvió = indefinido;

$ promesa y $ resuelto no se eliminarán, pero podrá hacer lo que quiera.

Answer 10

Respuesta corta: angular.fromJson (angular.toJson (resp)); Esto eliminará todas las funciones "específicas del ángulo", etc. y le devolverá un objeto de datos limpio.