ng2-ui-kit
Version:
Angular2 UI Kit
19 lines • 693 B
HTML
<div [class]="class">
<div class="ui-kit-select-label" [class.visible]="!!label">
<span *ngIf="label">{{ label }}</span>
<span> </span>
</div>
<input type="text"
[(ngModel)]="internalValue"
(blur)="onBlur()"
[placeholder]="placeholder"
readonly
[class.is-active]="opened"
(click)="toggle()">
<i class="ion-android-arrow-dropdown" [class.is-active]="opened"></i>
<div class="ui-kit-select-dropdown" [class.is-active]="opened">
<div class="ui-kit-select-item" *ngFor="let o of options; let i = index" (click)="select(i)" [class.is-active]="o.selected">
<span>{{ o.title }}</span>
</div>
</div>
</div>