@angular2-mdl-ext/select NPM

Select

Installing

npm i --save @angular2-mdl-ext/popover @angular2-mdl-ext/select

import { MdlSelectModule } from '@angular2-mdl-ext/select';

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