In this tutorial, we learn to display simple notifications in Angular js applications. We will use angular-growl-2 library to make our life easier. The best thing about our approach is that it is, both developer and user-friendly. Which means it looks neat and is pretty easy to implement.

Why we need them

Whenever you are working on an application that involves user interaction especially updating or performing any operation in the database or performing operations where the result is not reflected immediately, you will want to notify the user about the result of that action.

This can be done in multiple ways, if you want to force the user to acknowledge the result you can use alerts or modal windows for better UI, or maybe you can redirect the user to a new page. We will not be using any of these options. Instead, we will be going for a write less and do more kind of an approach. We will be displaying growl type notifications.

DEMO DOWNLOAD