1.5.24 • Published 5 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
5 years ago
1.5.23
5 years ago
1.5.22
6 years ago
1.5.21
7 years ago
1.5.20
7 years ago
1.5.19
8 years ago
1.5.18
8 years ago
1.5.17
8 years ago
1.5.16
8 years ago
1.5.15
8 years ago
1.5.14
8 years ago
1.5.13
8 years ago
1.5.12
8 years ago
1.5.11
8 years ago
1.5.10
8 years ago
1.5.9
8 years ago
1.5.8
8 years ago
1.5.7
8 years ago
1.5.6
8 years ago
1.5.5
8 years ago
1.5.4
8 years ago
1.5.2
8 years ago
1.5.0
9 years ago
1.4.5
9 years ago
1.4.4
9 years ago
1.4.3
9 years ago
1.4.2
9 years ago
1.4.1
9 years ago
1.3.2
9 years ago