Getting started

Dependencies

The only required dependencies are:

AngularJS (tested with version 1.2.7)
AngularAnimate (tested with version 1.2.7)

No dependencies on jQuery!

Download

Manually

The files can be downloaded from:

Minified JS and CSS for production usage
Un-minified JS and CSS for development

With Bower

$ bower install angular-notifier

Installation

Include the JS and CSS file in your index.html file:

<link rel="stylesheet" href="angular-notifier.min.css">
<script src="angular-notifier.min.js"></script>

Declare dependencies on your module app like this:

angular.module('myModule', ['llNotifier']);

Usage

Simple usage

Inject the notifier service and notify by supplying with a String as a parameter like this:

Custom notifications

Inject the notifier service and notify by supplying with a config Object as a parameter like this:

app.controller('demoCtrl', function($scope, notifier) {
    $scope.demoNotification = {
        template: '{{demoNotification.template}}',
        hasDelay: {{demoNotification.hasDelay}},
        delay: {{demoNotification.delay}},
        type: '{{demoNotification.type}}',
        position: '{{demoNotification.position}}'
    };
    $scope.customNotify = function() {
        notifier.notify($scope.demoNotification);
    };
});

Template:

Add timer:

Notification type:

Position:

Available positions:
top, bottom, left, right, center

Defining your own `scope`

You can put your own scope in the config object like this:

app.controller('demoCtrl', function($scope, notifier) {
    var notification = {
        template: '<h3 ng-click="openNestedNotification()">Click me!</h3>',
        scope: {
            openNestedNotification: function() {
                notifier.notify({
                template: 'Nested notification!',
                type: 'success',
                position: 'top right'
            });
            }
        },
        hasDelay: false
    };
    $scope.nestedNotification = function() {
        notifier.notify(notification);
    };
});