1.5.24 • Published 7 years ago
cp-select v1.5.24
cp-select
A consistently styled cross-browser and keyboard friendly select component
Requirements
- Angular 1.3
- Lodash
- jQuery
Installation
- Install through npm
npm install --save cp-select
- Make sure your angular app depends upon 'cp-select':
angular.module('app', ['cp-select']);
Usage
Markup:
<cp-select ng-model="model" collection="collection"></cp-select>
scope.model = {
value: "Arizona",
key: "AZ"
};
scope.collection = [{
"value": "Alabama",
"key": "AL"
}, {
"value": "Alaska",
"key": "AK"
}, {
"value": "American Samoa",
"key": "AS"
}, {
"value": "Arizona",
"key": "AZ"
}, {
"value": "Arkansas",
"key": "AR"
}];
// The collection object can also be an array of strings
scope.collection = [
"Alabama",
"Alaska",
"American Samoa",
"Arizona",
"Arkansas",
];
Options
key-model
: Make the selected model to be only thekey
attribute of the selected itemtransparent
append-text
autosize-input
: Make styling match autosize inputsallow-clear
: show an 'x' icon next to selected value, allowing the user to clear the input
Demo
1.5.24
7 years ago
1.5.23
7 years ago
1.5.22
8 years ago
1.5.21
8 years ago
1.5.20
8 years ago
1.5.19
9 years ago
1.5.18
9 years ago
1.5.17
9 years ago
1.5.16
9 years ago
1.5.15
9 years ago
1.5.14
9 years ago
1.5.13
9 years ago
1.5.12
9 years ago
1.5.11
9 years ago
1.5.10
9 years ago
1.5.9
9 years ago
1.5.8
9 years ago
1.5.7
9 years ago
1.5.6
9 years ago
1.5.5
9 years ago
1.5.4
9 years ago
1.5.2
10 years ago
1.5.0
10 years ago
1.4.5
10 years ago
1.4.4
10 years ago
1.4.3
10 years ago
1.4.2
10 years ago
1.4.1
10 years ago
1.3.2
10 years ago