angular-esthetic-adapter

Angular adapter module for esthetic

You can use this adapter to bring @johannestroeger awesome esthetic plugin to Angular world!

Quick Start

Install via Bower:

$ bower install angular-esthetic-adapter

Embed in your HTML document:

<script src="path/to/zepto/or/jquery.js"></script>
<script src="path/to/esthetic.js"></script>

<script src="path/to/angular.js"></script>
<script src="path/to/angular-esthetic-adapter.js"></script>

And then use the esthetic directive on a select element in your HTML:

<select esthetic>
  <option value="foo">foo</option>
  <option value="bar">bar</option>
</select>

To pass options to esthetic plugin, simply add them as object literal as attribute value like this:

<select esthetic="{ btnClass: 'foo', activeClass: 'bar'}">
  <option value="foo">foo</option>
  <option value="bar">bar</option>
</select>