Using toastr in the AngularJS way

Question

Currently, I just call toastr.success('my message') within a controller where required. This work fine, but it feels a bit dirty to me.

Is there a 'best practice' or recommended 'angularjs' way of using the toastr.js library?

Drakes · Accepted Answer · 2015-05-21 13:15:25Z

61

Yes. Pretty simply:

app.factory('notificationFactory', function () {
    return {
        success: function (text) {
            toastr.success(text,"Success");
        },
        error: function (text) {
            toastr.error(text, "Error");
        }
    };
});

Resolve factory in controller. Customize messages, notifications/etc in factory.

Despite the idea that code adds another abstraction, it's really effective.

edited May 21, 2015 at 13:15

Drakes

23.8k3 gold badges58 silver badges97 bronze badges

answered Feb 4, 2014 at 23:32

Eugene P.

2,63521 silver badges23 bronze badges

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

3 Comments

Michael Benford Over a year ago

Not to mention it becomes very easy to mock that factory out within a test case.

Ilya Palkin Over a year ago

There is an an AngularJS port of the toastr that can be useful.

Connor Leech Over a year ago

I also wrap toaster and then inject 'toastr' to the factory: app.value('toastr', toastr)

Collectives™ on Stack Overflow

Using toastr in the AngularJS way

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related