angular-blocking-click

In place "request in progress" indicator

npm install angular-blocking-click
3 downloads in the last week
4 downloads in the last month

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

angular-blocking-click 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>
npm loves you