angular-color-this {{selectedText}}

  • Coverage Status

A super light AngularJS module for adding colors to anything!

Installation

Install with bower bower install angular-color-this --save

Source in your HTML <script src="bower_components/angular-color-this/dist/angular-color-this.min.js"></script>

Inject into your angular app angualr.module('myApp', ['ngColorThis'])

Usage

Labels

<li ng-repeat="day in days">
  <span class="label label-info" color-this="background-color" data-color="day">{{day}}</span>
</li>
  • {{day}}
  • {{month}}

Borders

<img src="..." alt="..." color-this="border-left-color" data-color="selectedText">
...

Random Username

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad culpa debitis eius, est iure iusto molestias nulla rerum sapiente soluta ullam veritatis voluptatibus. Aliquid dolores eius facilis perferendis qui. Sed.

Disco Progressbar This is actually not a good use case, but a good demo

{{progressBar}}% Disco