DropDown Select

A lightweight, flexible, fast AngularJs DropDown Select directive which gives you a customaziable DropDown with search option. This directive allows you to easily customaize the DropDown Select the way you want it to. It support for searching items in a huge lists.

Dependencies

DropDown Select purly devleopled on AngularJs olny, So there is no other 3rd party libraries is required.
The only required dependencies are:

AngularJs (requires AngularJS 1.2.x or higher)
jQuery

Installation

Include the script dropdown-select.js and Stylesheet dropdown-select.css on the webpage

<link rel='stylesheet' href='dropdown-select.css' />
<script src= 'dropdown-select.js'></script>

Include the DropDownSelect module in your application

const app = angular.module('DropdownSelectApp', ['DropDownSelect']);

Basic Usage

The basic use of the DropDown Select directive with a related angular code

Examples

Code

<dropdown-select dd-model="exampleModel" dd-data="exampleItemList" dd-label="labelName" >
</dropdown-select>

Events

DropDown Select allows you to invokes a function when selected item changed.

Examples

Selected Value

Selected item: {{Product}}

Code:

<dropdown-select dd-model="exampleModel" dd-data="exampleItemList" dd-change="OnItemChange()" dd-label="labelName" >
</dropdown-select>

Directive Properties

Property	Default	Description