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?

score 61 · Accepted Answer · edited May 21 '15 at 13:15

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 '15 at 13:15

Drakes

23,254
3
51
94

answered Feb 04 '14 at 23:32

Eugene P.

2,645
19
23

8

Not to mention it becomes very easy to mock that factory out within a test case. – Michael Benford Feb 05 '14 at 04:16
3

There is an an [AngularJS port of the toastr](https://github.com/jirikavi/AngularJS-Toaster) that can be useful. – Ilya Palkin May 18 '14 at 17:28
I also wrap toaster and then inject 'toastr' to the factory: `app.value('toastr', toastr)` – Connor Leech May 21 '14 at 10:57

Using toastr in the AngularJS way

1 Answers1

Linked