bower install angular-loading-feedback
Download files and import the files in your index.
<link rel="stylesheet" href="{folders}/angular-loading-feedback.css" />
<script src="{folders}/angular-loading-feedback.js"></script>
Declare a dependency on principal module
angular.module('myModule', ['angular-loading-feedback']);
In your index declare the directive
<loading-feedback></loading-feedback>
-
loading-message: (default: null) message appears during the loading.
-
bg-color: (default: #f2f2f2) background color
-
text-color: (default: #7f8c8d) text and loading symbol color
Example:
<loading-feedback loading-message="Loading" bg-color="#4183D7" text-color="#E4F1FE"></loading-feedback>
For ignore loading (dont display modal) in case of autocomplete/type a head use the attribute directive: loading-feedback-ignore
in the input.
Example:
<input type="text" loading-feedback-ignore name="autocomplete" data-ng-model="myModel" fake-auto-complete-directive></input>
https://plnkr.co/edit/DYksypT1c7d0T2iKEGka?p=preview
(Default settings)