Growl Notification – Step By Step Angular Growl Example

In this angular tutorial i will let you know how to use growl notification system with your application.You can use growl to show notification,alert message,error message and for information message etc.You can follow following steps to include growl notification and show message.

Angular growl is a notification system which is using bootstrap alert css classes. Growl shows message with animation on showing and closing options.

There are following Features Available in Growl Notification System

  • Growl like notifications like in MacOS X
  • Growl using standard bootstrap classes like alert, alert-info, alert-error and alert-success.
  • You can set timeout message configuration, That could be global or per message.
  • pre-defined $http-Interceptor to automatically handle $http responses for server-sent messages

You can also check other tutorial of angular,

Step 1: I assumed you have growl files if not download from Angular Growl.

Step 2: You need to inject growl with in your module using below syntax or modify inject list.

Step 3: Call Growl directory in your application.

How to use with in angular controller:

I hope this help you.You can find more info from Angular Growl