Angularjs - 自定义 $resource

我用角$resource用于 REST 服务。由于我的 get 响应中的怪癖，我无法将 $resource 服务用于 CRUD 应用程序。

创建一个新对象work（Card的day），类似于：

var newCard = new CreditCard();
newCard.name = "Mike Smith";
newCard.$save();

获取也有效：

var card = CreditCard().get({_id:1)

但是，GET 响应不是对象Card本身，但带有它的其他消息（包装对象）

{ message: ".....",
  response: Card //object
}

因此，当我保存通过资源检索的实例时，它会发送包装器对象（在响应字段中包含修改后的卡对象）。 这可能是正确的，但我的服务器期望 Card 对象而不是包装器。 有没有办法自定义 $resource 以便它发送所需的对象。从文档来看，似乎只能更改 url 参数。

$resource(url[, paramDefaults][, actions]);

我在 $resource 模块中的标准实现方面也遇到了问题。有一段时间，我只是在自己的 $resource 文件的本地副本中进行了编辑，但我发现我仍然对他们实现 REST 资源的方式不满意。我需要比所提供的更多的灵活性。

标准$资源 https://github.com/angular/angular.js/blob/master/src/ngResource/resource.jsmodule 只是 $http 的工厂包装器。如果您简化 $resource 模块中的代码，您可以相当轻松地创建自己的自定义实现。

var app = angular.module('app', []);

app.factory('CreditCard', ['$http', function($http) {

    function CreditCardFactory() {

        function parseMessage(message) {
            if (message.response) {
                return message.response;
            }
        }

        function CreditCard(value) {
            angular.copy(value || {}, this);
        }

        CreditCard.$get = function(id) {
            var value = this instanceof CreditCard ? this : new CreditCard();
            $http({
                method: 'GET',
                url: '/creditcards/' + id
            }).then(function(response) {
                var data = response.data;
                if (data) {
                    angular.copy(parseMessage(data), value);
                }
            });
            return value;
        };

        CreditCard.prototype.$get = function(id) {
            CreditCard.$get.call(this, id);
        };

        return CreditCard;

    }

    return CreditCardFactory;

}]);

然后，在您的控制器函数中，注入 CreditCard 工厂，就像注入 $resource 一样。

app.controller('CreditCardCtrl', function($scope, CreditCard) {
    $scope.creditCard = CreditCard().get(3);
});

这允许您以任何您想要的方式解析 REST 操作的响应，并且还允许您实现您想要的任何操作。例如：我想要在我的资源上有一个 save 方法，该方法会在选择使用 POST（当没有 id 可用时创建新资源）或 PUT（当 ID 不可用时更新现有资源）之前检查对象是否具有 id 属性。有效的 ID 可用）。

这也将允许您实施一种不同的方式来处理JSON CSRF 漏洞 http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx。 angular.js 方式内置于 $http 中，但我公司的 REST API 通过将 JSON 数组包装在虚拟对象中来解决此问题。我使用像上面这样的自定义资源来解析虚拟对象。