$resource with Interceptors Example

by billjohnston4

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('dgService', ['ngResource']).
factory("DriveGroup", function ($resource) {
    return $resource(
        '/', {}, {
        update: {
            method: 'PUT'
        },
        fetch: {
            method: 'GET',
            // This is what I tried.
            transformRequest: function(){
                console.log('turst');
            },
            interceptor: {
                request: function(data){
                    console.log('****HELLO****');
                },
                response: function (data) {
                    console.log('response in interceptor', data);
                },
                responseError: function (data) {
                    console.log('error in interceptor', data);
                }
            },
            isArray: false
        }
    }

    );
});

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

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

    $scope.title = 'Interceptors Test';

    svc.fetch(function (data) {
        //console.log('SUCCESS');
    }, function () {
        //console.log('FAILURE');
    });

}]);