Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wwwmarcos/angular-loading-feedback
Angular directive to indicate loads in app
https://github.com/wwwmarcos/angular-loading-feedback
angular angularjs bower directives loading loading-screen npm-package spinner
Last synced: about 1 month ago
JSON representation
Angular directive to indicate loads in app
- Host: GitHub
- URL: https://github.com/wwwmarcos/angular-loading-feedback
- Owner: wwwmarcos
- License: mit
- Created: 2016-04-06T06:29:54.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-16T12:00:38.000Z (almost 7 years ago)
- Last Synced: 2024-11-11T09:58:14.126Z (about 2 months ago)
- Topics: angular, angularjs, bower, directives, loading, loading-screen, npm-package, spinner
- Language: CSS
- Homepage:
- Size: 19.5 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# angular-loading-feedback
# Install
## Bower
`bower install angular-loading-feedback`
## Or
[Download](http://github.com/marcosflorencio/angular-loading-feedback/zipball/master/) files and import the files in your index.
```html
```
```html
```
Declare a dependency on principal module
```javascript
angular.module('myModule', ['angular-loading-feedback']);
```
# Usage
In your index declare the directive
```html
```
#### Style options
* 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:
```html
```
#### Ignoring the loading
**For ignore loading (dont display modal) in case of autocomplete/type a head use the attribute directive:** `loading-feedback-ignore` in the input.
Example:
```html
```
## Live-demo
https://plnkr.co/edit/DYksypT1c7d0T2iKEGka?p=preview
## Demo:
_(Default settings)_
