/angular-desktop-notification

Desktop Notifications using angular

Primary LanguageHTMLMIT LicenseMIT

Angular Desktop Notifications


Angular Desktop Notifications helps provide desktop notification for your angular application through a very simple api without any Jquery dependencies. And it only adds ~40 lines to your project.

Screenshot


notification-logger

Installing


  • Use bower or git clone to download the module.
    • bower install angular-desktop-notification
    • git clone https://github.com/kaushiksamanta/angular-desktop-notification.git
  • include angular-desktop-notification.module.js from src folder.
  • Inject angular-desktop-notification into your angular module and inject Notification factory into your controller.

In your html/template add


  <script src="bower_components/src/angular-desktop-notification.module.js"></script>

In your application, declare dependency injection like so..


  angular.module('notificationTest', ['angular-desktop-notification']);

You can call the module by


angular.module('notificationTest')
    .controller('notificationController', function($scope, Notification) {
        Notification.initialize('src/dummy.png');
        $scope.pop = function() {
          Notification.notify($scope.text,'Notification');
        }
    });

Methods


  • Notification.initialize('src/dummy.png') - Initialises the notification with icon.
  • Notification.notify('body','Title') - Pops the notification with title and body as argument.

Browser Support


Works best on latest versions of Google Chrome, Firefox and Safari.