lmx custom select

Customizable select for AngularJS

Demo

Or see demo on this link

Getting Started

1. You need to connect a lot of dependencies:

• Baron
• Modernizr
• mobile-detect.js (and add tests for Modernizr)
• ng-outside-click

2. Add lmx-custom-select.min.js

3. Add to the page minimum required CSS for styling

4. Add modules

var App = angular.module('app', ['ngOutsideClick', 'lmxCustomSelect']);

5. Make select!

<div
    lmx-custom-select
    ng-model="date"
    repeat="dates"
    placeholder="Day"
    caption="Select a day"
    options="d for d in dates track by d"
></div>

Options

• ng-model — binds the value of select to application data
• repeat — data for list of values to select
• placeholder — placeholder text if value is not selected
• caption — title in the drop-down list
• options — analog of options for select
• filter-by-text — filtering values

npm

npm install lmx-custom-select