Angular adapter module for esthetic
You can use this adapter to bring @johannestroeger awesome esthetic plugin to Angular world!
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>