Tutorial by Examples

Component: <md2-select [(ngModel)]="item" (change)="change($event)" [disabled]="disabled"> <md2-option *ngFor="let i of items" [value]="i.value" [disabled]="i.disabled"> {{i.name}}</md2-option> </md2-select> ...

Tooltip is a directive, it allows the user to show hint text while the user mouse hover over an element. A tooltip would have the following markup. <span tooltip-direction="left" tooltip="On the Left!">Left</span> <button tooltip="some message" ...

Toast is a service, which show notifications in the view. Creates and show a simple toast noticiation. import {Md2Toast} from 'md2/toast/toast'; @Component({ selector: "..." }) export class ... { ... constructor(private toast: Md2Toast) { } toastMe() { this.toast.show(...

Datepicker allow the user to select date and time. <md2-datepicker [(ngModel)]="date"></md2-datepicker> see for more details here

Md2Collapse : Collapse is a directive, it's allow the user to toggle visiblity of the section. Examples A collapse would have the following markup. <div [collapse]="isCollapsed"> Lorum Ipsum Content </div> Md2Accordion : Accordion it's allow the user to toggle vis...