GitHub - antoniopol06/angular-notifications: Easy way to add notifications in your Angular app
bower install notifications-angular
<link rel="stylesheet" href="[path_angular-notifications]">
<div id="notifications">
<script src="[path_angular]"></script>
<script src="[path_angular-notifications]"></script>
var app = angular.module("app", ["angularNotifications"]);
app.controller("IndexController", function($scope, $notification){
$notification.set({image: true, removable: false});//Set your custom settings (view the settings section)
$notification.create("hola", "Esto es una prueba");
});
settings = {
position:"top-right" // values: "top-right", "top-left", "bottom-left", "bottom-right"
backgroundColor : "bg-color", // values : bg-black, bg-white
color: "color", //text color values: black, white
animation: "slide-in-right", //animations availables: "slide-in-right", "slide-in-left", "scale"
image: false, // boolean to add a image
removable: true, // keep false if you dont want to remove the notification
srcImage: "http://api.ning.com/files/Dqlf20RAm4vk*NYNkBsByZjS7xZp4x2ZwDwqH2N9NMx161P-qV*2nJxYE2RbF7HJK5BUtGOxGL2zEhtyKLO2N7Yd2wV2uum7/13z4l881.gif", // if image property is true, you need to set the image´s URL.
time: 3000, // if removable property is true, this is the time to keep the notification in the screen
canUrl: false, // set true if you want to create the notification as a link
url: "http://www.google.com" // if the value of canUrl is true, you need to set a URL.
}