wwwmarcos / angular-loading-feedback

Angular directive to indicate loads in app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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)

alt tag

About

Angular directive to indicate loads in app

License:MIT License


Languages

Language:CSS 100.0%