AngularJS Chosen directive
This directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration.
To use, include "localytics.directives" as a dependency in your Angular module. You can now use the "chosen" directive as an attribute on any select element.
- Works with 'ngModel' and 'ngOptions'
- Supports usage of promises in 'ngOptions'
- Provides a 'loading' animation when 'ngOptions' collection is a promise backed by a remote source
- Pass options to Chosen via attributes or by passing an object to the Chosen directive
Pass any chosen options as attributes
Loading from a remote data source
Include chosen-spinner.css and spinner.gif to show an Ajax spinner icon while your data is loading. If the collection comes back empty, the directive will disable the element and show a default "No values available" message. You can customize this message by passing in noResultsText in your options.
Image of select defined above in loading state:
See the example directory for more detailed usage.