15.0.0 • Published 1 year ago
@angular-mdl/select v15.0.0
Select
Installing
npm i --save @angular-mdl/popover @angular-mdl/select
import { MdlSelectModule } from '@angular-mdl/select';
If you need to support IE11 please add https://www.npmjs.com/package/custom-event-polyfill to your polyfills.
Usage example
<mdl-select [(ngModel)]="personId">
<mdl-option *ngFor="let p of people" [value]="p.id">{{p.name}}</mdl-option>
</mdl-select>
using placeholder
<mdl-select placeholder="Person Name" [(ngModel)]="personId">
<mdl-option *ngFor="let p of people" [value]="p.id">{{p.name}}</mdl-option>
</mdl-select>
using label with floating label
<mdl-select label="{{personLabel}}" floating-label [(ngModel)]="personId">
<mdl-option *ngFor="let p of people" [value]="p.id">{{p.name}}</mdl-option>
</mdl-select>
API Summary
mdl-select
Name | Type | Description |
---|---|---|
[ngModel] | any | Select data binding |
[disabled] | boolean | Whether or not the select is disabled |
[placeholder] | string | Placeholder text |
[label] | string | Label text |
[floating-label] | any | If present or true the label will be floating on focus event |
[multiple] | boolean | Multiselect mode |
[autocomplete] | boolean | Autocomplete mode |
(blur) | ... | on blur event |
(change) | ... | on change event |
mdl-option
Name | Type | Description |
---|---|---|
[value] | any | Option value |
[disabled] | boolean | Whether or not the option is disabled |
<content> | string | Option label |
15.0.0
1 year ago
14.0.0
2 years ago
13.0.0
2 years ago
12.0.0
3 years ago
11.0.0
3 years ago
10.0.1
4 years ago
10.0.0
4 years ago
9.0.0
4 years ago
8.0.0
5 years ago
8.0.0-beta.0
5 years ago
6.0.0
6 years ago
5.1.0
6 years ago
5.0.0
6 years ago
0.13.0
6 years ago
0.12.0
6 years ago
0.11.5
6 years ago
0.11.4
6 years ago
0.11.3
6 years ago
0.11.2
6 years ago
0.11.1
7 years ago
0.11.0
7 years ago
0.10.7
7 years ago
0.10.6
7 years ago
0.10.5
7 years ago
0.10.4
7 years ago
0.10.3
7 years ago
0.10.2
7 years ago
0.10.1
7 years ago