ng-busy
An AngularJS module for reacting to when your app is busy.
About
You may wish for a simple way of letting your parts of your UI know the app is doing something. A simple example is a submit button that lets the user know their request is being processed, and for it to be disabled until the request is complete so they don't submit twice. This module can help. You can go here for a demo.
========
Copyright Mike Grabski @HackedByChinese
Licensed under MIT
Requirements
- Angular 1.2.0 or later
What NgBusy Does
Check out the Overview in the wiki.
Getting Started
Include angular-busy.js
after angular.js
.
Bare bones example:
angular.module('demo', ['ngBusy'])
.controller('DemoCtrl', function($scope, $http) {
$scope.submit = function() {
// some arbitrary code that triggers an HTTP request
$http.post('/path', {message: 'Hello world'});
};
});
In a partial:
<div ng-controller="DemoCtrl">
<button busy="Submitting.." ng-click="submit()">Submit</button>
</div>
When "Submit" makes an $http
request, the content of button
will be replaced with a busy message. When the request completes, either by rejection or success, the content of the button will be restored.
Roadmap
??
Contributing
Contributors are welcome. I use the git-flow
lifecyle, so master
is the stable release and development
is where latest ongoing development is happening.
Developing
You will need Node/NPM, Grunt, and Bower. Once you checkout from git, run npm install
then bower install
to get dependencies.
Testing
Use grunt test
to run unit tests once, or grunt test-server
to run them continuously.