$http with transformResponse Example

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', []).
factory("someService", ['$http', function ($http) {
    console.log('here');
    return {
        get: function () {
            return $http.get(
                '/', {
                transformResponse: function (data, headers) {
                    //MESS WITH THE DATA
                    data = {};
                    data.coolThing = 'BOOM-SHAKA-LAKA';
                    return data;
                }
            }


            );
        }
    };
}]);

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


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

    $scope.title = 'Transform Test';

    svc.get().success(function (data) {
        console.log(data.coolThing);
    }).error( function () {
        console.log('FAILURE');
    });

}]);