#In place "request in progress" indicator
Add an indicator to any element that starts an Ajax request when clicked. Will not work when long-polling is present!
bower install angular-blocking-click
angular.module('myApp', ['blockingClick']);
/* style up the indicator */
.blocking-click .spinner {
width: 16px;
height: 11px;
background-image: url(http://monterail.github.io/angular-blocking-click/images/spinner-small.gif);
}
<!-- add blocking-click directive to a button, link or anything else that starts an XML HTTP request on click -->
<form>
...
<input type="submit" value="Save all changes" ng-click="save()" blocking-click>
</form>
<!-- blocking-click also supports text instead of an indicator -->
<form>
...
<input type="submit" value="Save all changes" ng-click="save()" blocking-click="Saving your data">
</form>