#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!

Demo

Install

bower install angular-blocking-click

Usage

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>

More

<!-- 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>