AngularJS-Toaster

AngularJS Toaster is a customized version of toastr non-blocking notification javascript library. The original library works only with jQuery but in AngularJS Toaster is needed only AngularJS framework version 1.1.5 or higher (contains CSS3 animation).

Current Version

0.1

Demo

• Simple demo is placed at http://plnkr.co/mVR4P4

Getting started

1. Link scritps:

    <link href="toastr.css" rel="stylesheet"/>
    <script src="toastr.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" ></script>
   

2. Add toaster container directive: <toaster-container> </toaster-container>

3. Prepare the call of toaster method:

    // Display an info toast with no title
    angular.module('main', ['toaster'])
    .controller('myController', function($scope, toaster) {
        $scope.pop = function(){
            toaster.pop('success', "title", "text");
        };
    });
   

4. Call controller method on button click:

    <div ng-controller="myController">
        <button ng-click="pop()">Show a Toaster</button>
    </div>
   

Author

Jiri Kavulak

Credits

Inspired by http://codeseven.github.io/toastr/demo.html.

Copyright

Copyright © 2013 Jiri Kavulak.

License

AngularJS-Toaster is under MIT license - http://www.opensource.org/licenses/mit-license.php