🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Add a spinner to an element when binding is truthy.

Accordion Plugins

Documentation

angular-treasure-overlay-spinner

Add a spinner to an element when binding is truthy.

treasure-overlay-spinner requires ngAnimate.

Installation

  • bower install angular-treasure-overlay-spinner
  • add angular-treasure-overlay-spinner/src/treasure-overlay-spinner.js to your html
  • add angular-treasure-overlay-spinner/src/treasure-overlay-spinner.cssto your html
  • add treasure-overlay-spinner as an angular module dependency

Usage

angular.module('example', ['treasure-overlay-spinner']); angular.module('example').run(run);  run.$inject = ['$rootScope']; function run ($rootScope) {   $scope.spinner = {active true}; }
<div ng-app='example'>   <!-- active uses two-way bindings to track the status -->   <treasure-overlay-spinner active='spinner.active'>     <p>This will be covered by a spinner when spinner.active is truthy</p>   </treasure-overlay-spinner> </div> 

Example

Try the example by running:

  • npm install
  • bower install
  • npm run example

Or visit the live example.

Scripts

  • npm run example - run example server and open browser
  • npm run build - minify and copy to dist folder
  • npm run tdd - run tests whenever files change
  • npm run test - run tests

You May Also Like