Using toastr in the AngularJS way

javascript angularjs toastr
link64 picture link64 · Feb 5, 2014 · Viewed 23.4k times · Source

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?

Answer

Eugene P. picture Eugene P. · Feb 5, 2014

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.

Related questions

how to show a confirmation dialog box in toastr

I have the below code for a delete button in the controller, $scope.removes = function (scope) { toastr.success("Delete all?","<br /><br /><button type='button' class='btn clear'>Yes</button>",{ closeButton: false, …

Read More
Find and clear a toast (Toastr)

I have a page where there may be multiple toasts added dynamically using the plugin https://github.com/CodeSeven/toastr. I have a link(Ok) on each toast on clicking that link I need to close only the particular toast …

Read More
Put a line break (newline) into a toastr message in AngularJS?

I'm using this code to display toasts on an AngularJS site. I need to know how to put a line break (<br/>) into the body. When I use the options shown in this question, toastr renders the tag …

Read More