pigallery2/frontend/app/gallery/search/search.gallery.component.html

<div class="col-sm-4 col-md-5 pull-right">
    <form class="navbar-form" role="search" #SearchForm="ngForm">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" (keyup)="onSearchChange($event)"
                   (blur)="onFocusLost($event)" (focus)="onFocus($evnet)" [(ngModel)]="searchText" #name="ngForm"
                   ngControl="search"
                   name="srch-term" id="srch-term" autocomplete="off" >

                <div class="autocomplete-list" *ngIf="autoCompleteItems.length > 0" >
                    <div class="autocomplete-item" *ngFor="let item of autoCompleteItems" (mousedown)="search(item)">
                        {{item.preText}}<strong>{{item.highLightText}}</strong>{{item.postText}}
                    </div>
                </div>

            <div class="input-group-btn" style="display: block">
                <button class="btn btn-default dropdown-toggle" type="button" (click)="onSearch()"><i
                        class="glyphicon glyphicon-search"></i>
                </button>
            </div>
        </div>
    </form>
</div>