如何从json对象中删除$ promise和$ resolved

时间:2014-02-17 14:27:33

标签: javascript angularjs

我在角度中使用$ resource来获取json对象,其结构定义如下

[
    {
        "id": 0,
        "name": "Type1"
    },
    {
        "id": 1,
        "name": "Type 2"
    }
]
获取数据后

.. console.log(jsonObject)给我

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

如何删除$ promise& $从结果对象中解析? 我试过angular.fromJson(json),但我仍然看到这些对象仍然存在。

10 个答案:

答案 0 :(得分:8)

我正在寻找相同的答案,但此刻我只知道这个丑陋的黑客:

写一个这样的函数:

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

并在每个查询中调用它(丑陋,是的):

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

如果有人教会我如何正确地做到这一点,我会很高兴

答案 1 :(得分:4)

我的项目示例

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

答案 2 :(得分:3)

this answer开始,yourResource.toJSON()可以随时查看。

答案 3 :(得分:3)

是的,我多次遇到同样的问题并且最终总是使用$ http而不是$ resource,然而,今天我决定尝试解决这个问题。我希望有人也会在某一天找到这个有用的东西。

所以,在你收到带有$ promise的对象之后,你所做的只是使用angular.copy(data),如下所示:

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

之后,您将看到您的dataWithoutPromise只包含您需要的对象,$ promise和$ resolved消失了。

答案 4 :(得分:2)

我面临同样的问题。实际上,您只需使用相同版本的角度和角度资源,它就像魅力一样。 希望它有所帮助!

答案 5 :(得分:1)

简答:angular.fromJson(angular.toJson(resp)); 这将删除所有“角度特定”功能等,并将返回一个干净的数据对象。

答案 6 :(得分:0)

您是否将isArray.query()$resource对象一起使用?

来自$ resource docs:isArray – {boolean=} – If true then the returned object for this action is an array.

更新:

如果您正确使用$resource,您可以使用以下选项:

1)让后端返回对象中包含的数据,例如。 { data: [] }而不仅仅是一个数组。

2)如果无法做到这一点,请使用$resource.query()的回调,例如

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

答案 7 :(得分:0)

我为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);
                }
    });

然后在你的控制器中出现类似的事情:

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

更简单的方法是在控制器中添加angular.toJson

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

答案 8 :(得分:0)

请简单地执行以下操作:

jsonObject。$ promise =未定义; jsonObject。$ resolved = undefined;

$ promise和$ resolved不会被删除,但是您将能够做您想做的事情。

答案 9 :(得分:-1)

尝试在您的服务中编写类似的代码:

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

然后在你的控制器中出现类似的事情:

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