15.0.0 • Published 1 year ago

@angular-mdl/select v15.0.0

Weekly downloads
811
License
MIT
Repository
github
Last release
1 year ago

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

NameTypeDescription
[ngModel]anySelect data binding
[disabled]booleanWhether or not the select is disabled
[placeholder]stringPlaceholder text
[label]stringLabel text
[floating-label]anyIf present or true the label will be floating on focus event
[multiple]booleanMultiselect mode
[autocomplete]booleanAutocomplete mode
(blur)...on blur event
(change)...on change event

mdl-option

NameTypeDescription
[value]anyOption value
[disabled]booleanWhether or not the option is disabled
<content>stringOption 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