vistanoob.blogg.se - Bootstrap growl notification angularjs

#Bootstrap growl notification angularjs update#

#Bootstrap growl notification angularjs update#

Update code to follow the AngularJS styleguide principles.growl like notifications like in MacOS X using standard bootstrap classes (alert, alert-info, alert-error, alert-success) global or per message configuration of a timeout when message will be. With the newer Angular framework, I started going down this path, but did also play. Fix issue with injection of $animate in controller of growlNotification directive Growl like notifications for angularJS projects, using bootstrap alert classes, originally developed by Marco Rinck. In my older AngularJS applications, I used a jQuery plug-in plus AngularJS singleton notification service whenever I wanted to display toast/growl notifications.

Make angular dependency version less strict.

Updated angular dependency version (#22).

Replace $timeout with $interval to fix #28.

Add support for infinite notification (#31).

Setting ttl to -1 or false will keep notifications visible until manually closed (e.g with $growlNotification.remove())

Added support for permanent notifications.

If you find yourself in a rare situation where you need to manually close a notification after a state change, you can create a custom directive as demonstrated in this plunk and discussed in this thread. Angular Toasty is a simple standalone AngularJS module with extensive features that provides growl-style alerts and messages for your app.

Manually closing notification after a UI-Router state change There are many additional features and options, so make sure to visit the examples page for more inspiration and sample code. When you load the page, a "Hello world" notification will automatically appear and disappear. You now have a working notification system in your AngularJS application.