AngularJS - $http and notification service

Question

I'm trying to build a simple notification service on angularJS :

angular.module("my.services", [])
    .service("NotificationsService", function() {

        this.show  = function(message, options) {
            // display a notification
        };

        this.error = function(message) {
            this.show({...});
        }

        ...

    });

That would be fired when the server returns a "notifications" array embedded in the api :

{
    notifications: [{type: "error", message: "Error message"}, ...],
    data: [item1, item2, ...]
}

And now I would like to plug my service to $http, but I can't find a way to do so !...

Any ideas ?

Joseph Silber · Accepted Answer · 2013-01-14 00:44:45Z

8

Use a Response interceptor, and inject your NotificationsService into it:

angular.module("my.services", [], function ($httpProvider) {

    $httpProvider.responseInterceptors.push(function (NotificationsService) {

        function notify ( response ) {
            angular.forEach(response.notifications, function ( obj ) {
                NotificationsService.show( obj );
            });
            return response;
        }

        return function ( promise ) {
            return promise.then(notify, notify);
        }
    });

});

edited Jan 14, 2013 at 0:44

answered Jan 14, 2013 at 0:14

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS - $http and notification service

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related