eptaccio / Angular Loading Feedback
Licence: mit
Angular directive to indicate loads in app
Projects that are alternatives of or similar to Angular Loading Feedback
Angular Translate
Translating your AngularJS 1.x apps
Stars: ✭ 4,414 (+55075%)
Mutual labels: npm-package, bower, angularjs
awesome-web-styling
Awesome Web Styling with CSS Animation Effects ⭐️
Stars: ✭ 109 (+1262.5%)
Mutual labels: spinner, loading
React Circle
Renders a svg circle + progress, it just works 💘
Stars: ✭ 925 (+11462.5%)
Mutual labels: loading, spinner
angular-barcode
An angular directive for lindell's JsBarcode
Stars: ✭ 25 (+212.5%)
Mutual labels: angularjs, bower
ng-webcam
ngWebcam is an AngularJS directive for capturing images from your computer's camera, and delivering then to you as data uri.
Stars: ✭ 14 (+75%)
Mutual labels: angularjs, bower
ngx-smart-loader
Smart loader handler to manage loaders everywhere in Angular apps.
Stars: ✭ 28 (+250%)
Mutual labels: npm-package, loading
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (+162.5%)
Mutual labels: spinner, loading
angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (+437.5%)
Mutual labels: angularjs, bower
Ngx Ui Loader
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368 (+4500%)
Mutual labels: loading, spinner
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (+1287.5%)
Mutual labels: spinner, loading
loading-indicator
🚦 Simple and customizable command line loading indicator
Stars: ✭ 18 (+125%)
Mutual labels: spinner, loading
cpp-indicators
A very simple, easy-to-use, and single-header-only C++ library for console based indicators (loading spinners)
Stars: ✭ 13 (+62.5%)
Mutual labels: spinner, loading
project-manager-laravel
Project manager system - PHP and AngularJS
Stars: ✭ 17 (+112.5%)
Mutual labels: angularjs, bower
angular-environment
AngularJS Environment Plugin
Stars: ✭ 78 (+875%)
Mutual labels: angularjs, npm-package
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (+1012.5%)
Mutual labels: spinner, loading
ZXLoadingView
🍕ZXLoadingView is an iOS progress-activity
Stars: ✭ 14 (+75%)
Mutual labels: spinner, loading
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+9575%)
Mutual labels: loading, spinner
angular-loading-feedback
Install
Bower
bower install angular-loading-feedback
Or
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']);
Usage
In your index declare the directive
<loading-feedback></loading-feedback>
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:
<loading-feedback loading-message="Loading" bg-color="#4183D7" text-color="#E4F1FE"></loading-feedback>
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:
<input type="text" loading-feedback-ignore name="autocomplete" data-ng-model="myModel" fake-auto-complete-directive></input>
Live-demo
https://plnkr.co/edit/DYksypT1c7d0T2iKEGka?p=preview
Demo:
(Default settings)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].