az-promise-show
Directives to show or hide an element based on the resolved state of an angular promise.
See the example and
the example code
Docs
Usage
Install the module
$ npm install az-promise-show --save
Or just download it from the dist directory.
Depend on the module
angular.module('yourModule', ['azPromiseShow']);
az-promise-show
<div az-promise-show="aPromise">
I'm only shown when the promise is in flight
</div>
az-promise-hide
<div az-promise-hide="anotherPromise">
I'm only show when the promise is not in flight
</div>
az-promise-show-hide-class
<div az-promise-show="aPromise" az-promise-show-hide-class="display-none">
By default, azPromiseShow uses 'ng-hide', but you can specify your own if you want.
Or, you can use the azPromiseShowOptions service.
</div>
azPromiseShowOptions
angular.module('yourModule').run(function(azPromiseShowOptions) {
azPromiseShowOptions.className = 'display-none';
});