spicebrazerzkidai.blogg.se - Install angular-growl notification package and dependencies

#Install angular growl notification package and dependencies install
#Install angular growl notification package and dependencies update

Dependencies 1 Dependent packages 1 Dependent repositories 4 Total releases 5 Latest release First release Stars 146 Forks 33 Watchers 9 Contributors 6.

#Install angular growl notification package and dependencies install

The module exposes an injectable service by the name inform, which allows you to add notifications. npm install angular-growl-notifications2.6.0 SourceRank 12. # Install angular-animateĪngular.module('myApp', )

Install angular-animate and provide the element the inform-animate class if you want to have CSS3 animations. bower install angular-growl-notifications Load the library in your markup: < script type 'text/javascript' src 'angular.js' > < script type 'text/javascript' src 'angular-growl-notifications.js' > Load the growlNotifications module in your AngularJS application: angular. install angular-growl notification package and dependencies

Make your main angular module dependent of the inform-http-exception module if you want http exceptions to be displayed in the notification list. Make your main angular module dependent of the inform-exception module if you want unhandled exceptions to be displayed in the notification list. Provide the element the inform-shadow to give the messages a light box-shadow. Provide the element the inform-fixes and inform-center to display the messages in the center of the screen. Provide the element the inform-fixed class if you want the messages to float at the upper left position. Insert the inform directive somewhere in your HTML. Make your main angular module dependent of the inform module. Include both the JavaScript and CSS in your HTML. The latest version can be installed via bower from the command line. This includes the javascript file and the css file. DemoĮither visit this Plunker page or clone this repository locally and run a http-server from the public folder. The best way is to install angular-growl-2 is with bower. The styling should work on any decent mobile device. Tested under Internet Explorer 8+, Chrome 34+, FireFox 28+ and Safari 7+. Dependenciesīesides AngularJS (~1.2.4), none. v1 release has been moved to v1.x.A small growl-like easy-to-use message toaster for angular.Now supports manually closing notifications using markup.Directives have been rewritten for better performance.Fix issue with minification of controller in growlNotification directive (see this issue). A small growl-like easy-to-use message toaster for angular.

If you will use JQuery, which is not mandatory, the fading effect will be animated. Versions up to 1.0.7 and 1.1.5 has been tested.

#Install angular growl notification package and dependencies update

Update code to follow the AngularJS styleguide principles Dependencies Angular-UI-Growl depends only on AngularJS 1.0.X or 1.1.X.

Fix issue with injection of $animate in controller of growlNotification directive.

Make angular dependency version less strict.

Updated angular dependency version (#22).

Replace $timeout with $interval to fix #28.

Add support for infinite notification (#31).

Setting ttl to -1 or false will keep notifications visible until manually closed (e.g with $growlNotification.remove())

Added support for permanent notifications.

If you find yourself in a rare situation where you need to manually close a notification after a state change, you can create a custom directive as demonstrated in this plunk and discussed in this thread. Manually closing notification after a UI-Router state change There are many additional features and options, so make sure to visit the examples page for more inspiration and sample code. When you load the page, a "Hello world" notification will automatically appear and disappear. You now have a working notification system in your AngularJS application.