• Basic example

• Examples

• How to add a close link to a notification
• How to fade in and out notifications
• How to dynamically add notifications

Close link

How to add a close link to a notification.

Scenario

• display a notification
• add a link to the notification so it can be removed immediately
• if not removed after 60 seconds, remove it automatically

Code

<!-- The ttl takes care of automatically removing the notification after 60 seconds -->
<growl-notification ttl="60000">
    <p>One</p>
    <div>
        <!-- Manually remove the notification using the $growlNotification.remove() method -->
        <a href="#" ng-click="$growlNotification.remove()">Close me</a>
    </div>
</growl-notification>