node package manager

angular-blocking-click

In place "request in progress" indicator

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>