yeah! an open source project
atomic notifications for angular.js!
…are simple but strong growl notifications to be used in any angular project.
You wan to start using it? Go fork me on github!
Demo
Demo
quick samples.
Here you can find the 5 types of notifications that you can use in your own project, enjoy it!
install
Using bower
| bower install angular-atomic-notify
|
usage
- Include in your project
| <link rel="stylesheet" type="text/css" href="src/angular-atomic-notify.css">
<script type="text/javascript" src="src/angular-atomic-notify.js"></script>
|
- Include the module into your own application:
| angular.module('sample', ['atomic-notify']);
|
- Add the directive to your project:
| <ng-atomic-notify></ng-atomic-notify>
|
- you can customize 100% the template with your own HTML
| <ng-atomic-notify custom-template="custom.html"></ng-atomic-notify>
|
code
Methods
| atomicNotify.info(message, delay);
atomicNotify.error(message, delay);
atomicNotify.success(message, delay);
atomicNotify.warning(message, delay);
|
- using
atomicNotify.customyou can specifc the icon that you want to use in the notification:
| atomicNotifyService.custom(type, message, iconClass, delay);
|
Provider
| .config(['atomicNotifyProvider', function(atomicNotifyProvider){
atomicNotifyProvider.setDefaultDelay(5000);
atomicNotifyProvider.useIconOnNotification(true);
}])
|