Skip to content

Latest commit

 

History

History
50 lines (34 loc) · 1.35 KB

README.md

File metadata and controls

50 lines (34 loc) · 1.35 KB
Raw

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

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