$resource with transformResponse Example

by Artem

HTML

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
<script src="http://code.angularjs.org/1.2.0-rc.2/angular-resource.js"></script>
<div ng-app="myApp">
    <div ng-controller="MainController">
         <h1>{{title}}</h1>

    </div>
    <div>

JavaScript

angular.module('services', ['ngResource']).
factory("someService", function ($resource) {
    return $resource(
        '/', {}, {
        get: {
            method: 'GET',
            transformResponse: function(data, headers){
                //MESS WITH THE DATA
                response = {}
                response.data = data;
                response.headers = headers();
                return response;
            }
        }
    }

    );
});

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


app.controller('MainController', ['$scope', 'someService', function ($scope, svc) {

    $scope.title = 'Transform Test';

    svc.get(function (data) {
        console.log(data.data);
        console.log(data.headers);
    }, function () {
        console.log('Error');
    });

}]);