@angular-jz/jz/jz/component/jz-select/jz-select.component.html

jim jz

<select class="chosen-select" [(ngModel)]="value" style="display:none;">
    <option *ngFor="let item of items" [value]="item[idField]">{{item[textField]}}</option>
</select>
<div class="chosen-container chosen-container-single full-width" [ngClass]="{'chosen-container-active': isResultsShowing, 'chosen-with-drop': isResultsShowing, 'chosen-disabled': isDisabled}" title="" (mouseenter)="containerEnter($event)" (mouseleave)="containerLeave($event)">
    <a class="chosen-single form-control" [ngClass]="{'chosen-single-with-deselect':canDeSelect,'chosen-default':value==null}" (click)="toggleDrop()">
        <span>{{displayValue()}}</span>
        <abbr class="search-choice-close" *ngIf="canDeSelect && value!=null" (click)="setNullValue($event)"></abbr>
        <div>
            <b></b>
        </div>
    </a>
    <div class="chosen-drop">
        <div class="chosen-search height0"><input type="text" autocomplete="off" (keydown)="searchKeyDown($event)" (blur)="searchBlur($event)" #search></div>
        <ul class="chosen-results" (mousewheel)="resultsMouseWheel($event)" #results>
            <li class="active-result" #resultItem
                (mouseover)="resultItemMouseOver($event, item[idField])" 
                (mouseout)="resultItemMouseOut($event, item[idField])"
                (click)="resultItemClick($event, item[idField])"
                [ngClass]="{'result-selected':item[idField]==value, 'highlighted':item[idField]==highlightedValue}" 
                *ngFor="let item of items">{{item[textField]}}</li>
        </ul>
    </div>
</div>