Question

我正在使用ng-resource来执行ajax请求。我想发送除数据之外的额外信息。

例如，我的服务器上有一个文章实体

exports.fetchArticle = function(req, res, next) {
    var article = req.article
    return res.json({data: article, message: 'success fetch article'})
}

我包装它的原因是，在删除的情况下，发送数据没有意义，我可以return res.json({data: null, message: 'deleted successfully'})

在我的客户端，我有：

        $scope.fetchArticle = function() {
            Article.get({articleId: $routeParams.articleId}, function(response) {
                $scope.article = response.data
                $scope.ajaxSuccess = response.message
            }, function(err) {
                $scope.ajaxError = err.data.message
            })
        }

$ scope.article不再是ng-resource的实例，因此我不能用$ scope.article做进一步的请求，即这会导致错误，因为$ scope.article是一个普通的json对象：

            $scope.article.$update(function(response) {...})

如果我只是从服务器return res.json(article)，它可以工作，但我不能发送消息。

我不从客户端生成消息但是从服务器获取的原因是，错误消息来自服务器，我想保持成功消息与错误消息一致。

还有其他优雅的方式来发送消息吗？

Answer 1

假设所有您的服务器响应遵循以下格式：

{ 
    data: {/*...*/},
    message: 'some message'
}

您可以使用$http's transformResponse，以便在处理邮件时获得返回对象的ngResource实例。为此，您需要一个转换函数：

function processMessage(data, message) {
    //Do whatever you want with your message here, like displaying it
}

function transform(response) {
    processMessage(response.data,response.message);

    var data = response.data;

    delete response.data;
    delete response.message;

    for(var attributeName in data) {
        response[attributeName] = data[attributeName];
    }

    return response;
}

然后，您可以将此功能添加到应用的$http中的config默认转换中：

angular.module("yourApp",[/* ... */])
    .config(function($httpProvider){
        //....all your other config

        $httpProvider.defaults.transformResponse.unshift(transform);
    });

现在来自$http的所有回复都被此函数转换，触发processMessage并留下返回对象的ngResource实例。

angular $ resource接收额外信息

1 个答案: